Build a 3D Animated Cube using Three.js, Next.js and Framer Motion
A web animation featuring a 3D cube, animated on scroll, mouse move and on drag, using Three.js, react three fiber, Next.js and Framer Motion.
Demo / Source code: https://blog.olivierlarose.com/tutori...
00:00 Intro
00:24 Cube Geometry
4:55 Cube Texture
7:07 Drag Gesture
8:20 Mouse Move Gesture
12:38 Scroll Gesture
15:18 Scroll Gesture with Framer Motion
18:47 Outro
More animations: https://blog.olivierlarose.com/
Follow me on Twitter: / olivierlarose_
Discord Channel: / discord
Thanks for watching!
#react #nextjs #awwwards #gsap #framer #motion #svg #morph
Watch video Build a 3D Animated Cube using Three.js, Next.js and Framer Motion online without registration, duration hours minute second in high quality. This video was added by user Olivier Larose 14 September 2023, don't forget to share it with your friends and acquaintances, it has been viewed on our site 15,075 once and liked it 569 people.