Home
📈
CSS Easing / Bézier Curve Editor
Visually edit cubic-bezier() timing functions with animation preview
Presets
Compare
linear
ease
custom
How to Use
Drag the red and green control points to shape the curve. Use presets for common easings. Preview the animation and compare with linear/ease.
- Visual drag-and-drop curve editor
- 9 easing presets
- Animation preview with duration control
- Side-by-side comparison (linear/ease/custom)
Use cases
- When fine-tuning CSS transition timing
- When comparing easing curves
- When prototyping smooth animations