⌒

CSS Easing Generator

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

Your files stay on this device

Files are processed in your browser, never uploaded. The site downloads code and assets to run the tools. No accounts or trackers.

Use Download to save this tool as one HTML file for offline use.

preset

result

output

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.

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.