Projects using WebGL in AhmedabadProjects using WebGL in Ahmedabad
Projects
People
Cover image for Built this hero section with
Built this hero section with a WebGL shader running underneath editorial typography. Here's the breakdown. The background isn't an image. It's PlasmaWave — a live shader from ReactBits, rendering in real-time using OGL (WebGL). What I tuned: → Warm gold/plum color pair instead of the default purple-cyan → Vignette + grain layered on top — kills the "AI-generated" look, adds film texture → Serif typography instead of the usual sans-heavy SaaS look → Editorial nav/footer — minimal, magazine-style, not "startup landing page" Built with Lovable + ReactBits. The shader itself runs on the GPU — two animated plasma bands blending into each other, customizable speed, bend, rotation, all live. Most people use shader backgrounds and leave them looking like a tech demo. The grain + serif type + warm palette is what makes this feel like a fashion editorial instead of a SaaS pricing page. Curious what people think 👇 Does a moving shader background actually help a hero section, or is it just noise that distracts from the headline? #WebGL #ReactBits #Lovable #ShaderArt #UIDesign #FrontendDevelopment #EditorialDesign #BuildInPublic #Contra #CreativeCode
0
108