Turn Your Ideas Into AI powerd SaaS with @Sunstroke
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
134
Most small brands lose sales in their DMs, not their ads. Someone asks "price?", you reply 6 hours later, and they've already bought somewhere else.
I set up DM automation for your Instagram: instant replies to comments and DMs, price and FAQ answers, and a link to buy, all running while you sleep.
Done-for-you setup: $149. Comment SETUP and I'll send you the details.
0
35
Full stack developer
Fintech, AI & Product Engineering
Fintech, AI & Product Engineering
