React Three Fiber
React renderer for Three.js enabling 3D graphics with component patterns.
3D and graphics npm MIT
Used in agent projects
2,360
18.6% of 12,697 public repos built with AI coding agents
Rank in 3d and graphics
#1 of 19
by use in those projects
Downloads
6M
npm, last 7 days, @react-three/fiber
GitHub stars
32.8K
last push Oct 10, 2026
How React Three Fiber is used
React Three Fiber is a dependency in 2,360 of the 12,697 public GitHub projects set up for AI coding agents that we scanned (18.6%), #1 of 19 in 3d and graphics. The most used alternative there is Three.js. Projects that use it most often also use Three.js (94.1%), React (84.1%), Framer Motion (39.2%). It is more common in projects set up for Kiro (7.5%) than for GitHub Copilot (2.0%).
Often used with React Three Fiber
| Three.js | 94.1% of React Three Fiber projects · 5.1× more than average |
|---|---|
| React | 84.1% of React Three Fiber projects · 1.9× more than average |
| Framer Motion | 39.2% of React Three Fiber projects · 2.9× more than average |
| Vite | 44.8% of React Three Fiber projects · 2.0× more than average |
| Tailwind CSS | 55.3% of React Three Fiber projects · 1.6× more than average |
| GSAP | 20.5% of React Three Fiber projects · 4.3× more than average |
| ESLint | 49.7% of React Three Fiber projects |
| React Router | 20.2% of React Three Fiber projects · 2.6× more than average |
By coding agent
| Claude Code | 6.8% of projects set up for it |
|---|---|
| GitHub Copilot | 2.0% of projects set up for it |
| Cursor | 2.3% of projects set up for it |
| Gemini CLI | 5.3% of projects set up for it |
| OpenAI Codex | 3.8% of projects set up for it |
| Kiro | 7.5% of projects set up for it |
| Devin Desktop | 3.6% of projects set up for it |
| OpenCode | 2.8% of projects set up for it |
Share of public repos configured for each agent that list React Three Fiber as a dependency.
Install
| Package | npm install @react-three/fiber |
|---|---|
| Packages counted | @react-three/fiber, @react-three/drei, @react-three/postprocessing, @react-three/rapier, @react-three/cannon, @react-three/xr, @react-three/uikit, @react-three/csg |
| Main stacks | TypeScript / JavaScript (1,479), Next.js (785), Python (73), React Native / Expo (9) |
| Example projects | pmndrs/threejs-journey, ErdongChen-Andrew/CharacterControl, 5pyj29s7cm-tech/LumiCore, poeti8/unknown-pleasures, whatisjery/react-fluid-distortion |
Alternatives to React Three Fiber
| Tool | Used in agent projects | Downloads / wk | GitHub stars | License |
|---|---|---|---|---|
| Three.js npm JavaScript 3D library for creating interactive 3D graphics in browsers. |
2,329 (18.3%) | 20.1M | 116K | MIT |
| maath npm Math utilities library for 3D graphics and animations in Three.js and React Three Fiber. |
176 (1.4%) | 4.6M | — | MIT |
| Leaflet npm Lightweight JavaScript library for creating mobile-friendly interactive maps. |
160 (1.3%) | 8M | 45.7K | BSD-2-Clause |
| React Leaflet npm React components for Leaflet maps enabling interactive mapping in React applications. |
121 (1.0%) | 3.7M | 5,603 | Hippocratic-2.1 |
| Postprocessing npm Post-processing effects library for Three.js rendering advanced visual effects. |
109 (0.9%) | 977K | 2,874 | Zlib |
| r3f-perf npm Performance monitoring tool for React Three Fiber applications. |
78 (0.6%) | 31.1K | 781 | MIT |
| three-stdlib npm Stand-alone collection of Three.js examples and utilities. |
78 (0.6%) | 4.3M | 861 | MIT |
| OGL npm Lightweight WebGL library for 3D graphics rendering with minimal overhead. |
66 (0.5%) | 658K | 4,668 | Unlicense |