Gradient Studio: free mesh gradient generator
Create smooth, directional mesh gradients in your browser. Pick a gradient type (Flow, Linear, Stripes, Prism), edit colors and points on the canvas, add text, and animate with motion controls.
Export anywhere
Export PNG, JPG, WebP or WebM video at 1x, 2x or 4x, make wallpapers for your phone, or copy the gradient to Figma as an editable vector.
How I built this · What's new
Gradient Studio needs JavaScript to run the editor.