Gradient Builder
Gradient Builder is a free gradient generator for composing soft, painterly gradients drawn from a palette of traditional Japanese colours. Pick a gradient type, blend colours, shape the falloff, and preview the result in real time. Export it as SVG, PNG, or MP4 video, or paste it straight into Figma as editable layers.
Frequently asked questions
Is the gradient generator free?
Yes. Every gradient type, palette, and export format is free to use, with no signup and no watermark.
What can I export?
Still gradients export as SVG or PNG, animated ones as MP4 video. You can also copy the SVG and paste it into Figma, where it arrives as named, editable layers.
What kinds of gradients can I make?
Over twenty types, including animated mesh, grainy retro blobs, aurora ribbons, waves, linear, radial and conic blends, pixel grids, and city skyline wallpapers.
More gradient tools
Gradient Builder is part of FeralUI, a small library of playful, physics-driven React elements. Browse all components.