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
°
Color Stops (2/8)
%
%
Presets
Generated Code
CSS
background: linear-gradient(90deg, #6366F1 0%, #EC4899 100%);Tailwind CSS
bg-gradient-to-r from-[#6366F1] to-[#EC4899]