Hey Product Hunt! I'm Bruno, a product designer with nearly 10 years of experience who has always been a huge fan of fluid, animated backgrounds on modern interfaces. The problem is I always found building them in Figma exhausting. You spend hours layering gradients, tweaking noise, adjusting opacity, and the result still looks flat compared to what you pictured. I kept browsing inspiration sites, stopping at these gorgeous shader-based hero sections, and thinking: why isn't there a tool that just does this inside Figma? So I built one. I'm not a developer. The whole thing was vibe coded. It took months of iterating on shaders, controls, and presets, but I'm genuinely proud of where it landed. Fluid BG Studio ships with 7 WebGL background styles, real-time creative controls, presets for every style, high-res PNG export up to 4K, and production-ready code output in HTML, React, and Remotion. There's a free Basic tier so you can explore before buying anything. I'd love to hear your feedback, especially from people who've run into this problem before. And to celebrate the launch, I'm giving away 20 free Pro licenses. Use the code FLUIDLAUNCH at checkout. First come, first served. Thanks for checking it out!

Fluid Background Studio

Animated WebGL backgrounds, straight from Figma

Animated WebGL backgrounds, straight from Figma