Back to videos

React Three Fiber tutorial - Scroll Animations

Need help while watching this video? Join our Discord community .

Discover how to load a 3D model and animate it based on the current user scroll.

We will be using React Three Fiber Drei helper useScroll with GSAP to have full control over our animation.

We'll also create an HTML/CSS User Interface using Tailwind that will also follow the scroll of the page.

The text version of the tutorial is available here

https://dev.to/wawasensei/scroll-animations-with-react-three-fiber-and-gsap-273j