React Three Fiber Tutorial for Beginners || Three.js Website Example - Elegant Landing Page

Overview: In this Tutorial, we'll be creating an elegant Landing page, with 3D scroll animations, using React Three Fiber. This tutorial is beginner level and I have tried to make it nice and easy to follow using basic concepts from react three fiber and react three drei! Project source: https://github.com/lilsugsy/butterfly... Packages/Tools: Node: https://nodejs.org/en/ React: https://reactjs.org/docs/create-a-new... Three: https://threejs.org/ R3F: https://docs.pmnd.rs/react-three-fibe... React Three PostProcessing: https://github.com/pmndrs/react-postp... React-Bootstrap: https://react-bootstrap.github.io/get... Resources: 3D Models: sketchfab, CGTrader 3D textures/materials: https://www.poliigon.com/ Useful Blender channel: Polygon Runway Cool Glyphs: https://unicode-table.com/en/blocks/b... ------------------------------------------------------------------------------ 🔔 subscribe for more video tutorials just like this: https://www.youtube.com/@reecedevs?su... ------------------------------------------------------------------------------ New to Three.js? Here are some useful places to start: Bruno Simon: https://threejs-journey.com/ Yuri Artiukh:    / @akella_   Anderson Mancini:    / @andersonmancini   ------------------------------------------------------------------------------ Social: Keep updates by following me on twitter:   / lilsugsy   ------------------------------------------------------------------------------ If you find anything I post helpful, feel free to support me via: https://www.buymeacoffee.com/reecedevs ------------------------------------------------------------------------------ Music Credits Chance, Luck, Errors in Nature, Fate, Destruction As a Finale by Chris Zabriskie is licensed under a Creative Commons Attribution 4.0 license. https://creativecommons.org/licenses/... Source: http://chriszabriskie.com/reappear/ Artist: http://chriszabriskie.com/