Scroll-driven 3D scene

Two solid approaches — pick ONE source of truth for scroll so things don't fight.

• Approach A — Lenis + GSAP ScrollTrigger: normal DOM page scrolls; scroll drives 3D. Best for marketing/story pages mixing HTML and 3D.
• Approach B — drei ScrollControls: scroll lives inside the Canvas over a virtual track. Best for pure 3D experiences.

Approach A — Lenis + GSAP ScrollTrigger

Install:

npm i gsap @studio-freight/lenis