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. See which scenes or cameras are actively rendering.
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. With Undo/Redo functionality
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.

3D Model Viewer

3D Logo Generator

Tools & Resources Tagged with Lighting