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/