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.

Live

LOADING...