Plasma is a free, open-source tool to design and embed stunning WebGL gradient backgrounds. Customize colors, flow speed, noise, and grain live in your browser. When you're done, export your background instantly in three ways: copy the raw WebGL shader, grab a lightweight CDN script, or generate a zero-code Iframe UUID link.

Hi Product Hunt community! 👋 I'm thrilled to share Plasma with you today. We all love beautiful, organic gradient backgrounds, but building them with raw WebGL or fragment shaders is incredibly time-consuming and hard to write from scratch. Standard CSS gradients are lightweight but static and boring. I built Plasma to solve this. It's a playground to tweak fluid and organic backgrounds visually and get them into production in seconds. Key features: 🎨 Custom Color Palettes & Parameters: Tune colors, warp intensity, and grain live. 🌐 Three Export Methods: 1. JSON Preset (to save and share configurations). 2. WebGL CDN (a lightweight script embed that runs anywhere). 3. Iframe UUID (perfect for no-code builders like Framer, Webflow, or WordPress). 🚀 100% Free : No subscriptions, no ads. I'd love to hear your thoughts, feedback, and suggestions. What features should we add next? Thanks for checking out Plasma! 🚀

this looks really clean, love that you can copy the raw shader. one thing that would help a lot is letting us save gradient presets to a personal library so we dont have to re-tweak colors every time we start a new project

@arife4ysd Thanks for your appreciate

The live preview while tweaking noise and grain feels incredibly smooth, and the triple export options cover exactly what I'd need depending on the project. Really thoughtful execution on something that could've easily been just another gradient generator.

@beyza276481 Thanks for your support

@arife4ysd Thanks for your appreciate

@beyza276481 Thanks for your support

Plasma

Stunning WebGL Backgrounds Made Easy

Stunning WebGL Backgrounds Made Easy