Client-side tool

CSS Gradient Builder

Tune a two-color linear gradient visually, then copy plain CSS or a Tailwind arbitrary-value class.

Processing stays in your browser

FromTo

Angle: 135°End stop: 100%

CSS

background: linear-gradient(135deg, #22c55e 0%, #0f172a 100%);

Tailwind

bg-[linear-gradient(135deg,#22c55e_0%,#0f172a_100%)]