Pick linear, radial or conic and shape the gradient with native color inputs, alpha and position sliders, and add/remove/reorder controls for the stops — the full-width preview and the CSS update live. The output uses the modern syntax, with a toggle for oklch interpolation (browser support noted). Start from a preset if you like.
Privacy ledger
Data acquired
None.
Libraries used
Lit 3 — bundled into the tool file itself.
Data stored
None.
Data transmitted
None.
Use it on your own page
Download the tool as a single self-contained HTML file: readable source with the Lit library included, zero network requests — it works opened straight from your disk, and you can customize everything.