Navigate

Search topics across all sections

GitHub

R3F Hooks

3 topics

Master the core hooks provided by React Three Fiber for animation loops, accessing internal state, and loading external assets into your 3D scenes.

useFrame
The animation loop hook that runs every frame, giving you access to the clock and delta time for smooth animations.
useThree
Access the internal R3F state including the renderer, scene, camera, viewport size, and more.
useLoader
Load external assets like textures, models, and fonts using Three.js loaders with built-in caching and Suspense.