Cinematic 3D Scroll Experience [R3F + GSAP]

Hey everyone! :waving_hand: I wanted to share a completed creative project I built to experiment with immersive 3D scene design and smooth scroll animations.

It’s an atmospheric experience inspired by the track “Guns and Roses” from the movie They Call Him OG.

:link: Live Link: https://cinematic-web-experience.vercel.app/
:hammer_and_wrench: Tech Stack: React, React Three Fiber (R3F), Three.js, GSAP ScrollTrigger

The Goal: I wanted to challenge myself by syncing UI text elements smoothly onto a single 3D scene’s camera path.

:desktop_computer: Best experienced on Desktop.

1 Like