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&also create an HTML/CSS User Interface using Tailwind that will also follow the scroll of the page. To follow Thais on social media it&here: Twitter Instagram The text version of this tutorial is available here ▬▬▬▬▬▬ Useful L I N K S ? ▬▬▬▬▬▬ My complete course to learn React Three Fiber Final Result Source Code React Three Fiber Documentation R3F Drei Create your React App With Vite GSAP Documentation TailwindCSS If you want to dive deeper into Three.js I highly recommend you to follow Bruno Simon complete tutorial named Three.js Journey. I also have a discount code just for you to get -20% ▬▬▬▬▬▬ T I M E S T A M P S ⏰ ▬▬▬▬▬▬ 00:00 - Intro 00:45 - Project Setup 02:17 - 3D Model 02:37 - Animate onScroll 05:55 - Scroll User Interface 07:26 - Conclusion ▬▬▬▬▬▬ Support the channel ? ▬▬▬▬▬▬ Become a member to get access to awesome perks: ▬▬▬▬▬▬ Connect with me ? ▬▬▬▬▬▬ ? The Discord Community ? Instagram : ? Facebook : ?Twitter : ?TikTok : ? My website : ? The end screen artist (aka My friend) :