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
https://david-hckh.com/


#threejs #r3f #portfolio 

▬▬▬▬▬▬ Useful L I N K S  🔗  ▬▬▬▬▬▬ 

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
https://greensock.com/gsap/

Tailwind
https://tailwindcss.com/docs/

React Three Fiber documentation
https://docs.pmnd.rs/react-three-fiber/getting-started/introduction

Mixamo
https://www.mixamo.com/

R3F Drei
https://github.com/pmndrs/drei

In this final part we will finish building our 3D portfolio with React Three Fiber.

Build a 3D Portfolio with React Three Fiber - Projects Slider

Resources