Back to videos

React Three Fiber tutorial - Scroll Animations

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

Need help with this tutorial? Join our Discord community!