How to Use

1. 1Choose a gradient type (linear or radial).
2. 2Add, remove, or adjust color stops.
3. 3Set the angle or direction.
4. 4Copy the generated CSS code.

Key Features

• Linear and radial gradients
• Visual color stop editor
• Adjustable angle and direction
• Live preview
• Copy-ready CSS code
• Shareable gradient via URL
• 100% browser-based — no data leaves your device

Frequently Asked Questions