Mesh Gradient Generator
Make a mesh gradient in seconds. The Flow type blends several colours into one soft, slowly drifting field, and a few dials shape the warp, wind, and speed. When it looks right, export it as SVG, PNG, or MP4 video, or paste it into Figma as editable layers.
Frequently asked questions
What is a mesh gradient?
A mesh gradient blends multiple colours across a surface instead of along a single line, so the colours melt into each other like soft clouds. It is the look behind many modern app and poster backgrounds.
Can I animate a mesh gradient?
Yes. Mesh gradients here drift by default, and you can export the motion as an MP4 video or keep a still frame as SVG or PNG.
Is this mesh gradient generator free?
Yes, completely free with no signup and no watermark on exports.
More gradient tools
Mesh Gradient Generator is part of the Gradient Builder on FeralUI, a small library of playful, physics-driven React elements.