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

Link to the source code

React Three Fiber documentation

R3F Drei

Mixamo Animations

Unity Asset Store

Sketchfab

Mantine Library

Create your React App in a minute with Vite

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

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

Need help with this tutorial? Join our Discord community!