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

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 🔗

Our main inspiration for the final portfolio

threejs #r3f #portfolio

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

Final source code

Framer motion

Framer motion 3D



React Three Fiber documentation


R3F Drei