Animated mesh gradient backgrounds
Mesh Blob is the classic mesh gradient: soft circles of color that blend where they overlap. Each color is a point you can drag, with its own size, softness and opacity, so one color can glow while another barely tints the edge.
Turn on animation and the points drift slowly. It sits well behind text, which is why most people use it for hero sections.
Start from a preset
Each one opens in the editor, ready to change. No account needed.
Where it works
- ·Website hero sections behind a headline
- ·App and dashboard backgrounds
- ·Slide and video title cards
What you can change
Every style also takes your own colors, up to 16 per layer, and up to 8 layers with blend modes.
Export it
Free: a PNG up to 2x, CSS, an MP4 up to 5 seconds at 720p with a small watermark, and an HTML embed that keeps animating on your site, with a small credit link. Pro removes the watermark and the link, makes video up to 30 seconds in 4K, and adds 4x PNG and GLSL shader code. See pricing.