Overview
Inspect React Three Fiber scene graph in DevTools
React Three DOM DevTools adds an R3F tab to Chrome DevTools so you can inspect your React Three Fiber scene like the DOM. What it does • Scene tree — Browse meshes, groups, lights, and other Three.js objects in a tree view • Search — Find objects by name, type, or testId • Selection — Click nodes to select; selection in the panel highlights the object in the 3D view • Property inspection — See position, rotation, scale, geometry type, material type, and more Why install it • Debug R3F scenes without console logging or guessing object names • Verify hierarchy and object counts while building or testing • Inspect metadata (vertices, triangles, materials) in one place Requirements Your app must use @react-three-dom/core and include <ThreeDom /> inside R3F’s <Canvas>. Then open DevTools (F12) and click the R3F tab. No account or setup beyond installing the extension. Open source and built for the React Three Fiber ecosystem.
Details
- Version0.3.0
- UpdatedFebruary 21, 2026
- Offered bykrishna.kalluri13
- Size161KiB
- LanguagesEnglish
- Developerself
1315 Ashford Gables Dr Dunwoody, GA 30338 USEmail
krishna.kalluri13@gmail.com - Non-traderThis developer has not identified itself as a trader. For consumers in the European Union, please note that consumer rights do not apply to contracts between you and this developer.
Privacy
This developer declares that your data is
- Not being sold to third parties, outside of the approved use cases
- Not being used or transferred for purposes that are unrelated to the item's core functionality
- Not being used or transferred to determine creditworthiness or for lending purposes
Support
For help with questions, suggestions, or problems, visit the developer's support site
