Add color stops and choose linear or radial, then adjust the angle or position, and the tool generates the matching CSS gradient code to copy.
The output is raw CSS gradient syntax — paste the color stops into Tailwind's arbitrary value syntax if you need a utility class.
Yes. The SVG is rendered entirely in your browser as you adjust the controls — nothing is uploaded to generate it.
Yes. Every generator here includes a download option alongside the copy button.