Learn R3F

Three.js + React Three Fiber

Three.js Fundamentals

Scene Basics
Geometries
Materials
Lights

React Three Fiber

Canvas & Setup
Meshes & Objects
R3F Hooks
Events & Interaction

Drei & Ecosystem@react-three/drei

Controls
Staging & Environment
Text & HTML
Loaders & Models
- GLTF Models
- useGLTF Hook

Core Basics

Debug & Helpers
Transforms & Color

Visual Effects

Particles & Lines

Interactivity

Animation & Physics

Shader Recipes

Shader Recipes

Advanced

Shaders
Post-Processing
Performance

Production

Production

Built with by Purush

Star on GitHub

Open for contributions

Loaders & Models

Navigate

Search topics across all sections

Loaders

2 topics

Load external 3D models and assets into your React Three Fiber scenes. Learn to work with GLTF models using both native loaders and drei convenience hooks.

Load and display 3D models in GLTF/GLB format, the standard interchange format for web-ready 3D assets.

Use drei's useGLTF hook for convenient model loading with automatic draco decompression and asset preloading.