Gradient Generator
Create stunning CSS gradients with live preview. Choose gradient type, adjust colors and angle, then copy the CSS or Tailwind classes.
Type
Angle: 90deg
Color Stops (2/5)
Presets
Generated Code
CSS
background: linear-gradient(90deg, #6366F1, #EC4899);Tailwind CSS
bg-gradient-to-r from-[#6366F1] to-[#EC4899]