Suburbia Skate
TailwindThreeJSGSAPNextJSTypescriptR3F
This cutting-edge project combines a 3D skateboard model, dynamic animations, and advanced customization tools. Built with Next.js 15, R3F, TypeScript, Tailwind, GSAP, and Prismic CMS, it features:
- Hero Section with Skateboard Tricks: Users trigger GSAP-powered animations by clicking on spots on the 3D skateboard model, performing tricks like kickflips.
 - Stacking Effect Section: A scrolling experience with mousemove animations and sticky positioning creates a seamless card-stacking effect.
 - Skateboard Builder: Users customize textures, wheel colors, and more, with instant animations highlighting changes in real time.
 
This project blends creativity, interactivity, and technical finesse for a unique user experience.