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
Dropbox Sign APISimplify your eSignature integration
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.