Color converter Contrast checker Color mix Palette

Gradient generator CSS patterns Noise

Box shadow Text shadow CSS filters Clip path

Easing / cubic-bezier Transform

CSS to Tailwind

Alpha

Hey, you're seeing an early version. I'm actively working on this project. Feel free to drop suggestions at hi@kshv.me or @kshvbgde.

Easing / cubic-bezier

Penner curves, a draggable bezier, previews on UI.

cubic-bezier(.645, .045, .355, 1)

Duration700ms

Offset0ms

CSS

transition-timing-function: cubic-bezier(.645, .045, .355, 1);

Tailwind

ease-[cubic-bezier(.645,_.045,_.355,_1)]

1 of 4 Curve

Search tools

Jump to a tool