Design & Media

Gradients, made by hand.

Build linear, radial, and conic gradients. Drag stops, pick from curated palettes, preview live. Copy CSS or Tailwind-ready snippets. 100% local — nothing ever leaves your browser.

3 types
Linear · radial · conic
CSS + Tailwind
Copy-ready output

Preview

Curated

CSS


        


        

          

            
Tailwind

            
          

          

        


        

          
Stops

          

          

            
            
            %