Skip to content
uxTools
Design & CSS

CSS Cubic Bezier / Easing Editor

Start from a familiar preset or dial every control point manually, then test the motion live.

Curve controls

Pick a preset or edit each control point directly.

Curve output

Copy the CSS easing value and sanity-check the motion samples.

10%

0.095

20%

0.409

30%

0.802

40%

0.960

50%

0.994

cubic-bezier(0.25, 0.1, 0.25, 1)