Needle Inspector for three.js

Inspect any three.js, react-three-fiber or Needle Engine project with a visual hierarchy and real-time property editing.

Bring powerful scene inspection and debugging capabilities directly to any webpage using three.js. Install this extension to instantly visualize, inspect, and modify 3D scenes in real-time without leaving your browser. What it does: This extension automatically detects three.js projects on any webpage and provides professional-grade debugging tools. When you visit a site using three.js, the Needle Inspector hooks into the scene and gives you immediate access to: * Visual Scene Hierarchy — Browse your entire 3D scene as an organized tree structure, just like you would in Unity or Blender. See meshes, lights, cameras, and all objects at a glance. * Real-time Property Editing — Modify object properties directly in the browser. Adjust positions, rotations, scale, visibility, and more—changes apply instantly to the live scene. * Automatic Detection — No setup required. The extension automatically finds three.js scenes on any page and is ready to use immediately. * Integrated AI Support — Chat with an AI assistant that understands your 3D scene. Ask questions about your project, get performance insights, or request scene analysis. The AI can use specialized tools to inspect scene hierarchy, measure performance metrics, analyze properties, and even capture screenshots—providing intelligent, context-aware assistance while you work. Why you should install it If you're developing, debugging, or learning three.js, this extension eliminates the frustration of blind development. Instead of writing console.log statements or repeatedly refreshing the page to test changes, you get immediate visual feedback and interactive control over your 3D scenes. Perfect for three.js developers debugging rendering issues or scene structure, designers fine-tuning 3D positions and properties, students learning three.js who want to understand scene hierarchies, and anyone inspecting how three.js websites are built. The Needle Inspector transforms your browser into a professional 3D development environment, making three.js development faster, easier, and more intuitive.