Tutorials

Fresh

Hands-on tutorials for building real things with React Three Fiber. You should have some React knowledge before starting, and it helps to be familiar with the basics of three.js.

In This Section

• Basic Animations - Use useFrame and refs to animate your meshes
• Loading Models - Load GLTF, OBJ, and FBX models into your scene
• Loading Textures - Apply PBR textures with TextureLoader and useTexture
• Events and Interaction - Make meshes respond to clicks, hover, and pointer events
• How It Works - Deep dive into how R3F translates JSX into three.js objects
• v9 Migration Guide - Breaking changes and new features in R3F v9 (React 19 compatibility)

Prerequisites

• Basic React knowledge (components, hooks, state)
• Familiarity with three.js concepts (scene, camera, mesh, geometry, material)