Cubic Bezier Generator

Visualize the timing curve, test it on a moving element, and copy the cubic-bezier function.

X1 (0–1)

X2 (0–1)

Timing function

How to use this Cubic Bezier Generator

Build CSS cubic-bezier timing functions with four editable control-point values. Enter your values above and the result is calculated directly in your browser. No account is required.

Fast answer, clear inputs

This tool is built around one job: give the answer quickly without forcing a signup or hiding the result. Related tools are linked nearby when the next calculation or conversion is useful.