Back to videos

How to animate 3D models with Three.js / React Three Fiber

Let's animate our 3D model using Three.js with React Three Fiber.

We'll use a model purchased in a pack from the Unity Asset Store and use free animations from Mixamo.

Link to the final result

https://codesandbox.io/p/github/wass0...

Link to the source code

https://github.com/wass08/threejs-r3f...

React Three Fiber documentation

https://docs.pmnd.rs/react-three-fibe...

R3F Drei

https://github.com/pmndrs/drei**#readme**

Mixamo Animations

https://www.mixamo.com/#/

Unity Asset Store

https://assetstore.unity.com/

Sketchfab

https://sketchfab.com/store?ref=header

Mantine Library

https://mantine.dev/

Create your React App in a minute with Vite

https://vitejs.dev/guide/

If you want to dive deeper into Three.js I highly recommend you to follow Bruno Simon complete tutorial named Three.js Journey.

https://threejs-journey.com/

I also have a discount code just for you to get -20%

https://threejs-journey.com/join/wawasensei1

Need help with this tutorial? Join our Discord community!