Create a Character Configurator Screen with Three.js and React Three Fiber

In this tutorial we'll discover how to :

  • animate smoothly our camera to different positions
  • change the different colors from our model
  • change the facial expression using morph targets
  • take a screenshot from a three.js scene

Link to the starter pack

Link to the final result

Link to the source code

React Three Fiber documentation

R3F Drei

Mixamo Animations

Unity Asset Store

Mantine Library

Create your React App in a minute with Vite