Shapes that morph, springs that overshoot.
Swiftify's Material 3 Expressive design language for the web: one colour seeds the whole scheme, 37 shapes morph into each other, and everything moves on end4's curves and Qt-accurate springs.
1:043:20
Colour
Buttons
Common buttons: a press squishes on a spring and ripples from the pointer
Wavy pills: the scallops deepen and run round the edge while hovered
Icon buttons: standard, filled, tonal and outlined, each toggleable
Toolbar buttons: a shape that turns on hover, and a pop, nudge or spin on click
Selection
Switches
Segmented
Slider: the track splits round a slim handle
Equalizer: vertical sliders
Shapes
Loading and progress
Feedback
Hover for a tooltip
Rolling text: expressive
Text fields
Cards
Motion and tokens
Type scale (Google Sans Flex; titles drawn round, wide and heavy)
Rounding