Easing Functions
A visual reference for common easing curves and how their movement changes over time.
Overview
Easing Functions is a visual cheat sheet for familiar ease-in, ease-out, bounce, elastic, and related motion curves.
Why it is useful
Seeing curves animate side by side makes it faster to choose a motion profile than naming one from memory.
Good fit for
People designing or implementing interface transitions and animations.
Try it when
- Selecting a curve for a button or panel transition
- Explaining easing choices to teammates
- Looking up a named easing before implementation
