Design beautiful linear, radial and conic gradients with draggable color stops and presets — then copy the CSS.
Tip: click the gradient bar to add a color stop, then drag it to position.
Drag stops on the bar and watch the big preview update instantly.
All three gradient types with angle control and unlimited color stops.
Grab clean background: CSS with one click — paste and go.
Pick linear, radial or conic, drag the color stops on the bar (click to add more), adjust the angle, then copy the generated CSS.
Yes — click anywhere on the gradient bar to add a stop, drag it to position, and set its color. Add as many as you like.
Completely free, no sign-up, and it runs entirely in your browser.