Background Playground

Craft the perfect backdrop — pick a preset or build your own.

CSS Output

.custom-bg {
  linear-gradient(135deg, #f97316, #ec4899);
}

Gradient Presets

💡 Tip

Click any preset to preview it. Copy the generated CSS and drop it into your project.