- type
- Studio project
- year
- 2026
- discipline
- Interactive & 3D
- credit
- Anupam Chaudhary & Sanchit Kathpalia
- stack
- Next.jsThree.jsReact Three FiberGSAP
The brief
A commerce concept. Streetwear sells on attitude, and a flat photo grid loses most of it, so we made the garment a 3D object that turns as you scroll.
The challenge
WebGL on a storefront is easy to get wrong. The scene has to load quickly, stay smooth while the page scrolls, and never get in the way of what makes the money: people looking at products and buying them.
The approach
A React Three Fiber scene staged inside Next.js, with GSAP tying product rotation to scroll position. The 3D is confined to the hero moment; the shop and story sections underneath stay conventional, fast, and readable.
What we built
- 3D product hero in WebGL
- Scroll-linked product staging
- Shop and story flow
- Bold editorial typography
What it demonstrates
- Three.js and React Three Fiber inside a production Next.js app
- Scroll-driven 3D that doesn't wreck load time
- WebGL kept to one part of the page