Needle Inspector — DevTools & MCP for three.js

Transform any webpage using three.js into a professional 3D development environment. The Needle Inspector provides powerful scene inspection, real-time editing, and AI-powered assistance—all directly in 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. Filter by search terms or hide inactive objects for a cleaner view.

* Real-time Property Editing — Modify object properties directly in the browser. Adjust positions, rotations, scale, materials, textures, and more—changes apply instantly to the live scene. Export your modifications as JSON or plain text to preserve your work.

* Performance Monitoring — Track FPS in real-time and view download size estimations to understand the performance characteristics of your 3D scenes.