Projects using WebGL in IndiaProjects using WebGL in India
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
127
Cover image for Sanket Sonmali - Portfolio Just shipped
Sanket Sonmali - Portfolio Just shipped a new personal portfolio and I'm genuinely excited about how it turned out. It's a single-page experience built on Next.js 16 (App Router), React 19, and TypeScript, styled with Tailwind v4 using a CSS-first token system so the whole palette - including a full light/dark swap - lives in one place. Every scroll-driven reveal, curtain animation and pinned section is GSAP 3 + ScrollTrigger, and the 3D work is hand-written Three.js: a wireframe icosahedron that leans toward your cursor, an ambient particle field that mirrors itself over inverted panels, and a 404 page where that same sphere has quietly fallen apart. The fun part was the engineering underneath the polish - a theme swap that animates as a clip-path sweep through the View Transitions API, scroll restoration that survives client-side navigation, and WebGL that's gated off small screens entirely so mobile never pays for decoration it can't see. Take a look: https://sanket-sonmali-portfolio.vercel.app
1
117