MakeGradient
Beautiful gradient engine-export to code, Figma, video, PNG
Start new thread
Shylendar Murali

MakeGradient - Beautiful gradient engine-export to code, Figma, video, PNG

by•
MakeGradient is a Lumina-powered gradient engine for modern UI. Design, remix, and embed high-fidelity gradients as CSS, SVG, PNG, or React components. 8 rendering modes — Fluid Mesh, Aurora, Deep Sea, Holographic, Impasto, Spectral, Fractal, and Grainy Colors are generated and blended in a perceptually uniform colour space. No muddy midtones. Gamut-mapped to sRGB, so exports look identical everywhere. Export as direct embed,css,Figma Free forever. No account required. Link: makegradient.com

Add a comment

Replies

Best
Shylendar Murali
Maker
📌
Hey folks of PH, I am a solo designer/builder. I built this small utility gradient generator for my personal use at first and then made it into a product. All the blending modes are handcrafted for uniqueness. Export gradients as images, CSS, and React components; directly embed WebGL canvases; copy to Figma; and more. No account is needed and free forever. The tool uses OGL to render and the Oklch color engine. Would love to hear your feedback on things you may want added. I would be happy if you find this tool useful. And the design of the tool is inspired by the amazing products of Teenage Engineering.