CSS Gradient Generator

Choose a gradient type (linear, radial, or conic) and build it visually. Add as many color stops as you like with the color picker, drag each stop's position along the bar, and tune the angle for linear, the shape and size for radial, or the starting angle for conic. The large preview repaints as you drag, so you see exactly what the CSS will render. When it looks right, copy the generated background declaration straight into your stylesheet, or start from one of the preset gradients in the gallery and tweak from there. The output is standard CSS that works in every modern browser, with no images and no external dependencies. The full configuration is encoded in the URL, so a finished gradient can be shared as a link. The editor itself runs client-side: nothing is uploaded and your gradient never leaves the page.