Free CSS gradient generator — all three types
Linear, radial, and conic. Unlimited color stops. Copy CSS, Tailwind, or SVG. Download PNG.
Everything runs in your browser. No signup, no ads. Ready-made presets for quick starts; drag-to-position stops for fine control; share URL for handing a config to a teammate.
Frequently asked
Is this really free?
Yes. No signup, no watermark. Unlimited exports.
What is a conic gradient?
A gradient that rotates around a center point (like a pie chart). Great for radial menus, color wheels, spinner backgrounds.
Which browsers support conic gradients?
All modern browsers since 2022 (Chrome 69+, Safari 12.1+, Firefox 83+). Skip for IE11 support.
Can I export to Tailwind?
Yes — arbitrary value class output uses bg-[linear-gradient(...)] or equivalent. Paste directly into your className.
Are my colors uploaded?
No — all rendering happens locally.
Commercial use?
Free for any use, no attribution required.