UTILS.
100% in-browser

CSS Easing Generator

Pick or build a cubic-bezier easing and replay it on an animated preview dot.

About this tool

Choose a preset or enter the four control points to craft a cubic-bezier easing and watch it animate, all in your browser.

Frequently asked questions

What do the presets do?
Each preset fills the four control points for a standard curve like ease-in or linear, which you can then fine-tune.
How do I see the easing again?
Press Replay to re-run the dot animation using the current timing function.

More tools