Three.js Developer Tools icon

Three.js Developer Tools

Malware Detected

This extension has been flagged as potentially malicious.

Extension Delisted

This extension is no longer available in the official store. Delisted on 2025-09-16.

Extension Actions

CRX ID
ebpnegggocnnhleeicgljbedjkganaek
Status
  • Minor Policy Violation
  • Removed Long Ago
  • No Privacy Policy
Description from extension meta

Developer tools for 3D library three.js.

Image from store
Three.js Developer Tools
Description from store

Developer tools for 3D library three.js.

Currently supports inspection of three.js scenes and renderers. While currently an early alpha stage, a handful of features are supported:

* Inspect the scene graph
* Inspect objects, materials, textures
* View renderer info
* Modify entity values via developer tools

Latest reviews

Gnana Sai
very useful for thee.js developers Thank you
Cyril Antoni
I just got started with ThreeJS and this tool is very useful to tinker around with the lights' colors and the meshes! The only difficulty in getting started is to know where to put the extension's observer code. I put it at the end of the animate function like so: function animate() { requestAnimationFrame(animate); // ... renderer.render(scene, camera); // Observe a scene or a renderer if (typeof __THREE_DEVTOOLS__ !== "undefined") { __THREE_DEVTOOLS__.dispatchEvent( new CustomEvent("observe", { detail: scene }) ); __THREE_DEVTOOLS__.dispatchEvent( new CustomEvent("observe", { detail: renderer }) ); } } And then you just have to open the "three" tab in the Chrome Devtool. Enjoy!
Chris Scavongelli
Very lightweight / not many features, but certainly better than nothing (I am shocked there is no native option similar to the editor on threejs.org, like A-Frame has via CMD + OPT + i?). Installation is not straightforward, so if you're stuck: Step 1 - Follow instructions under "Current API" (https://github.com/threejs/three-devtools) You'll need to add that code to your page (rename the variables according to your logic), or run it manually via console. Step 2 - Restart Chrome
Костя Чудный
nice tool, thanks!
Addison van den Hoeven
This is awesome, so much easier to noodle around now.
Thomas Caserta
Works so much better than the other threejs devtools. No problems here, not sure why people are saying it's disabled or doesn't work on the current version of chrome (unless the extension updated since). Just need to make sure you follow the instructions to notify the extension of your scenes/renderer etc.
Cihad Turhan
Not working, it's disabled on chrome.
Gary Ratcliffe
Doesn't work with the current version of Chrome
kevin doo
very good! It's helpful.
Miguel Alão
Simply brilliant
你是春眠我是晓
good works ,thanks
Kirk Layer
Thank you very much!
Supyrb GbR
Works great (r107)
Michael Herzog
The ideal tool for three.js devs.