Get resource (opens in a new tab)easing-reel.example
About this resource
Easing Reel is a library of 400 short screen recordings of interface motion: toggles, menus, page transitions, pull-to-refresh, toasts, drag-and-drop and loading states. Every clip can be scrubbed frame by frame and comes with measured durations, the easing curve as a cubic-bezier value and notes on what the motion communicates.
It's ideal for product designers and front-end developers who want to specify motion precisely instead of writing 'make it smooth' in a ticket. The subscription is $9 a month. The caveat: measurements are taken from 60 fps recordings, so very short animations under 100ms are approximate, and spring animations are described by feel rather than physics values.
Highlights
- 01Frame-by-frame scrubbing on every clip
- 02Duration and cubic-bezier values measured
- 03Notes on what each motion communicates