Build cubic-bezier easing curves with a live animated preview. Cubic Bezier Editor is a free online tool from the ToolsRift CSS Generators collection. It runs entirely in your browser — nothing to install, no signup, and your data never leaves your device.
A timing function defined by two control points that shapes how an animation accelerates and decelerates over time.
The x values are clamped between 0 and 1, while the y values can go slightly beyond for overshoot and bounce effects.
The editor animates a dot along the curve so you can feel the timing before copying the CSS.