Cubic Bezier Generator vs CSS Border Radius Generator

Run two generators side by side. Each runs independently — generate, tweak inputs, and copy from either column.

Dev

Cubic Bezier Generator

Generate a cubic-bezier() timing function with named presets or fully custom control points, plus a ready-to-paste transition snippet

Preset

x1 (custom, 0–1)

y1 (custom, -0.5–1.5)

x2 (custom, 0–1)

y2 (custom, -0.5–1.5)

Dev

Generate a copy-paste CSS border-radius snippet — simple uniform, per-corner control, or an organic blob using the 8-value fancy syntax

Mode

Radius (simple mode, px)

Top-left (per-corner, px)

Top-right (per-corner, px)

Bottom-right (per-corner, px)

Bottom-left (per-corner, px)