Time to build the HTML interface and add scroll animations with framer-motion on our 3D portfolio
Welcome to the third part of the 3D portfolio tutorial with Three JS and React Three Fiber in the style of David Heckhoff.
In this third chapter, we will:
Get the starter pack here 🔗
https://github.com/wass08/r3f-vite-starter
Our main inspiration for the final portfolio
https://david-hckh.com/
▬▬▬▬▬▬ Useful L I N K S 🔗 ▬▬▬▬▬▬
Final source code
https://github.com/wass08/r3f-portfolio-scroll-animations
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
R3F Drei
https://github.com/pmndrs/drei
WawaSensei 2023 © All Rights Reserved
React Three Fiber: The Ultimate Guide to 3D Web Development