Liquid morph.
Round a square ink stamp into a pebble. The silhouette changes inside the proof frame while the control keeps its shape.
Square stamp
- Resting states
- Square stamp → Pebble stamp
- Reduced motion
- Selecting a shape replaces its outline immediately.
Implementation excerpt
.stamp { transition: border-radius 520ms ease-in-out; }
[data-on="true"] .stamp { border-radius: 56% 44% 65% 35%; }Where Unvibed uses it
This public print-desk example is the site’s demonstration of liquid morph.