Build a 3D Portfolio with React Three Fiber - Projects Slider
Need help while watching this video? Join our Discord community .
In this final part we will finish building our 3D portfolio with React Three Fiber.
In this fourth chapter, we will:
-
Animate our avatar based on the scroll through the different sections
-
Add a 3D project slider section
-
Add background color animations with gsap
-
Add video texture into the computer screen
Get the starter pack here š
https://github.com/wass08/r3f-portfolio-scroll-animations
Our main inspiration for the final portfolio
#threejs #r3f #portfolio
Resources
Final source code
https://github.com/wass08/r3f-portfolio-final
Framer motion
https://www.framer.com/motion/introduction/
Framer motion 3D
https://www.framer.com/motion/three-introduction/
GSAP
Tailwind
React Three Fiber documentation
https://docs.pmnd.rs/react-three-fiber/getting-started/introduction
Mixamo
R3F Drei