Cubic‑Bézier Studio
Design custom CSS timing functions with a visual curve editor. Perfect for creating smooth, natural animations.
Try Kinsta free for 30 days
Simply better WordPress hosting. Unlimited migrations.
Preset Timing Functions
Curve Editor
Animation Preview
seconds
Compare Timing Functions
Custom
Ease
Linear
Ease-In-Out
Generated CSS
/* CSS will appear here */