Motion Playground
Fine-tune your spring animations. Copy the code and ship smoother UIs.
Physics Parameters
100
Resistance to deformation. Higher = snappier.
10
Opposing force. Lower = more oscillation/bounciness.
1
Weight of the object. Higher = slower momentum.
Quick Presets
Click 'Replay' to trigger animation
Hover Interaction
List Appearance
Get the Animation Guide
Download our guide on specific stiffness/damping values for various UI personalities (Professional, Playful, Urgent).
No spam. Unsubscribe anytime.