Free to start, no sign-up

Make animated
mesh gradients

Design, animate and export PNG, MP4 video or code, right in your browser. No sign-up needed.

styles
15
styles
ready-made presets
58
ready-made presets
layers per design
8
layers per design
export formats
5
export formats
to start, no sign-up
$0
to start, no sign-up

What you can do

Everything renders live in your browser.

15 styles

Mesh blob, aurora, neon flow, liquid chrome, lava lamp, a synthwave grid and more. Add grain, fluted glass or halftone to any of them.

See every style

Layers and blend modes

Stack up to 8 layers, each with its own style, blend mode and opacity.

MP4 video

Export a clip for Reels, TikTok or slides. Free clips run 5 seconds at 720p. Pro goes to 30 seconds at 4K.

Drag the colors

Drag color points right on the canvas, set their size and softness in the sidebar, and pick an animation: drift, wave, pulse or chaos.

Export for the web

PNG at 1x or 2x, CSS, or an HTML embed that runs live on your site. Pro adds 4x PNG and GLSL shaders.

Community gallery

Browse, vote on and remix gradients other people made. Submit your own to get featured.

Made with Mesh Gradient Studio

Clips we post on Instagram, TikTok and YouTube, rendered by the same engine as the editor.

Put it on your website

Paste the live embed into Webflow, Framer, WordPress and more.

Make a Reel or TikTok

A vertical MP4 background, ready for your text.

Questions?

Exports, the free trial, Pro, refunds. Answers in one place.

A new gradient on every new tab

The free Chrome extension shows one of 47 moving gradients with a clock. Keep the one you like, or open it here to edit.

Add to Chrome

Ready to create?

Open the editor. No account needed. PNG, CSS and short MP4 clips are free, and new accounts get 7 days of Pro.