CSS Gradient Builder

Build a linear or radial gradient with any number of colors, and copy the CSS or Tailwind class instantly.

°
Colors
CSSCopy
Tailwind (arbitrary value)Copy
01
Colors
Add any number of colors, with position.
02
Configure
Linear (with angle) or radial gradient.
03
Copy
Ready-made CSS or Tailwind class in one click.