Glossary · 33
Spring
Spring animation is physics-based motion that settles with velocity — use it for gestures, keep bounce at zero.
A spring replaces a fixed curve with simulated physics, so an element carries momentum into its resting place. It is the right tool for gesture-driven motion — drag, swipe, pull to refresh — where the element should feel attached to the finger. For ordinary UI state changes, a duration plus a cubic-bezier is cheaper and more predictable. If a spring is used, keep bounce at zero: visible overshoot on a button or a card is a toy, not an interface. A common working config is duration 0.3 with bounce 0.