React Three FiberStandard Operating Procedures

Build your 3D scenes declaratively with re-usable, self-contained components that react to state, are readily interactive, and can participate in React's ecosystem.

Get Started

API Reference

No Limitations

Everything that works in three.js will work here without exception. R3F merely expresses three.js in JSX.

No Overhead

Components render outside of React. R3F outperforms vanilla three.js at scale due to React's scheduling abilities.

Always Current

When a new three.js version adds, removes, or changes features, it is available instantly without updates to R3F.

Declarative

mesh dynamically turns into new THREE.Mesh(). Build scenes with familiar React patterns — state, refs, effects, hooks.

Ecosystem

A vibrant ecosystem of libraries including @react-three/drei, @react-three/rapier, @react-three/postprocessing, and more.

Cross-Platform

Works with ReactDOM, React Native, and can target WebGPU. One API across all platforms.