36 / MOTION
Spring vs Ease
The problem
A fixed-duration easing curve ignores how far something has to travel, so short and long moves feel oddly uniform.
The solution
A spring responds to distance and carries velocity naturally.
Experiment
Task: Move the dot short and long distances.
EASE
modeease
config400ms
SPRING
modespring
configk220 d20
Play with the values
220
20
400ms
How it works
Seen in
Drag release
Springs continue the motion you gave an element instead of snapping to a curve.
Toggles & switches
Spring physics give controls a tactile, responsive feel.
Sheets & drawers
Panels settle naturally based on how they were moved.
Micro-interactions
Small springy responses make buttons feel physical.