Cubic Bézier Editor
Design CSS cubic-bezier() easing curves interactively. Drag control points, preview the motion, and copy the value.
Easing preview
cubic-bezier(0.25, 0.1, 0.25, 1)Points
Presets
x is constrained to [0, 1]; y may overshoot to [-1, 1.5] (pasted y values beyond the bounds are clamped). Handles are keyboard-operable: focus a handle and use arrow keys (step 0.01, Shift = 0.1). The preview honours prefers-reduced-motion.