What's interesting
- Curated easing graphs for product motion: cubic and spring curves with live previews, In/Out filters, and copyable timing functions from anticipate to linear.
- A visual catalog of easing curves built by Alex Vanderzon and Lochie Axon.
- Browse named presets (Quick Out, Overshoot Out, In-Out Cubic, and more), preview each graph with an animated dot along the curve, filter by direction, or create a custom graph.
Prompt your agent
From AI UX Playground: https://aiuxplayground.com/inspirations/easing-dev
Easing.dev by Alex Vanderzon & Lochie Axon
A visual catalog of easing curves built by Alex Vanderzon and Lochie Axon. Browse named presets (Quick Out, Overshoot Out, In-Out Cubic, and more), preview each graph with an animated dot along the curve, filter by direction, or create a custom graph. Pairs well with CSS transitions and motion specs when you need a shared vocabulary for timing before you ship UI animation.
Adapt for our [screen name]. Stack: [your stack].
Note what to cut or simplify for production.
