Gradient Generator
Build linear, radial and conic gradients with draggable color stops. Copy the CSS or Tailwind class, or download it as PNG, JPG or PDF.
Click the bar to add a stop · drag stops to move them · press Space for a random gradient
Download
Presets
Start from a curated gradient, then make it yours.
Copied to clipboard