Backgrounds Generator
Create complex gradients and background patterns
Gradient Settings
Configure gradient type and direction
Color Stops
Add and configure gradient colors
%
%
Background Image
Optional background image settings
Live Preview
See your background in real-time
Generated Background Code
.background {
background: linear-gradient(45deg, #3b82f6 0%, #8b5cf6 100%);
}