Launching today
Mesh Gradient Studio
Animated gradient backgrounds, exported as video or code
3 followers
Animated gradient backgrounds, exported as video or code
3 followers
Drag color points on a live canvas, pick one of 11 styles, stack up to 8 layers with blend modes, and export PNG, CSS, an HTML embed that runs live on your site, or an MP4 clip. Free with no sign-up. Pro adds 4K video, no watermark and saved designs.
Free Options
Launch Team
ClarifyThe Full-Stack AI CRM that replaces 5 tools
Promoted
Hi Product Hunt. Mesh Gradient Studio makes animated gradient backgrounds in the browser.
I kept wanting a moving gradient behind a hero section or a slide, and the options were a static image, a heavy video from a stock site, or writing a shader. So this does the middle part: you drag colors around a live canvas, pick a style (mesh blob, aurora, neon flow, ribbons, liquid marble, topographic and five more), stack layers with blend modes, and take it with you.
What you can take:
PNG, CSS, or an HTML embed that keeps animating on your own site
An MP4 clip for Reels, TikTok or a deck
What is free: the whole editor, every style, PNG at 1x and 2x, CSS, the embed (with a small credit link), and 5-second 720p clips with a watermark. No account needed to make and export.
What Pro adds: 30-second clips up to 4K with no watermark, embeds without the credit, saved designs, private gradients, 4x PNG and GLSL shader export. $8 a month, $60 a year, or $49 once. New accounts get 7 days of Pro free, no card.
There is also a community gallery where you can vote on and remix what other people made.
I would love blunt feedback, especially on which style you would actually use and what export format is missing.