Free · no signup
Cubic Bezier Editor
Drag the handles to design any easing curve. Animated preview, classic presets, and the cubic-bezier() value to copy straight into your CSS or Framer Motion config.
Animated preview
Presets
Coordinates
P1
x: 0.25
y: 0.10
P2
x: 0.25
y: 1.00
CSS
transition-timing-function: cubic-bezier(0.25, 0.10, 0.25, 1.00);
/* Framer Motion */
{ ease: [0.25, 0.10, 0.25, 1.00] }