Spring animation

A spring animation behaves like a real spring. The spring shown here overshoots its target, swings back and forth a little less each time, and then settles. With more damping, a spring can settle without overshooting at all.

An overshoot gives motion a lively, physical feel. It works well for small, friendly moments, such as a toggle snapping into place or a card dropped after dragging.

Keep springs subtle. A big wobble on an important control can look unstable and slow people down.