# \#dev-tools

**URL:** https://discourse.threejs.org/tag/dev-tools/26.md

[Latest](https://discourse.threejs.org/latest.md) · [Categories](https://discourse.threejs.org/categories.md) · [Tags](https://discourse.threejs.org/tags.md)

---

## [Three.js Developer Tools](https://discourse.threejs.org/t/three-js-developer-tools/8477)

<div class="topic-metadata">

**Author:** [@Mugen87](https://discourse.threejs.org/u/Mugen87)\
**Replies:** 23\
**Last updated:** [October 3, 2026, 10:20am UTC](https://discourse.threejs.org/t/three-js-developer-tools/8477 "2026-10-03T10:20:02Z")

</div>

@jsantell lately published a new tool for three.js developers at the Chrome web store. The three.js developers tools enhance your Chrome dev tools with an additional panel that provides various options like: Inspect th…

---

## [MeshCrunch : inspect, simplify and optimize large 3D assets for Three.js](https://discourse.threejs.org/t/meshcrunch-inspect-simplify-and-optimize-large-3d-assets-for-three-js/94165)

<div class="topic-metadata">

**Author:** [@Puneet\_Mishra](https://discourse.threejs.org/u/Puneet_Mishra)\
**Replies:** 4\
**Last updated:** [October 1, 2026, 2:15pm UTC](https://discourse.threejs.org/t/meshcrunch-inspect-simplify-and-optimize-large-3d-assets-for-three-js/94165 "2026-10-01T14:15:00Z")

</div>

I built MeshCrunch after repeatedly dealing with large 3D assets that were too heavy to ship efficiently in web viewers. It can simplify meshes, generate LODs, convert formats, and process 3D assets before they reach th…

---

## [Genesis 3D - Browser 3D Suite, Live Scenes and Real-Time Path Tracing](https://discourse.threejs.org/t/genesis-3d-browser-3d-suite-live-scenes-and-real-time-path-tracing/94507)

<div class="topic-metadata">

**Author:** [@dip-ai.io](https://discourse.threejs.org/u/dip-ai.io)\
**Replies:** 0\
**Last updated:** [September 21, 2026, 5:38am UTC](https://discourse.threejs.org/t/genesis-3d-browser-3d-suite-live-scenes-and-real-time-path-tracing/94507 "2026-09-21T05:38:49Z")

</div>

Genesis 3D is a complete 3D suite running in a browser tab — scene, UV unwrapping, painting on the model, procedural materials, animation, morphology, and export of a playable experience. But what it makes are s…

---

## [NixieFX: browser particle editor with an open-source Three.js runtime](https://discourse.threejs.org/t/nixiefx-browser-particle-editor-with-an-open-source-three-js-runtime/93646)

<div class="topic-metadata">

**Author:** [@Hiroshi\_Takamura](https://discourse.threejs.org/u/Hiroshi_Takamura)\
**Replies:** 0\
**Last updated:** [August 20, 2026, 5:41pm UTC](https://discourse.threejs.org/t/nixiefx-browser-particle-editor-with-an-open-source-three-js-runtime/93646 "2026-08-20T17:41:19Z")

</div>

We’ve been working on NixieFX, a browser-based particle and VFX editor aimed at HTML5 games. Effects are authored visually and exported into the game project. The open-source runtime uses one deterministic particle simu…

---

## [Awesome 3D Model Tools – A curated list of viewers, converters, optimizers, validators & resources](https://discourse.threejs.org/t/awesome-3d-model-tools-a-curated-list-of-viewers-converters-optimizers-validators-resources/93231)

<div class="topic-metadata">

**Author:** [@sujitkoji](https://discourse.threejs.org/u/sujitkoji)\
**Replies:** 5\
**Last updated:** [August 8, 2026, 10:57pm UTC](https://discourse.threejs.org/t/awesome-3d-model-tools-a-curated-list-of-viewers-converters-optimizers-validators-resources/93231 "2026-08-08T22:57:11Z")

</div>

Hi everyone! :waving\_hand: I’ve been building an open-source curated list of tools for working with 3D models. Repository: The goal is to collect useful resources for developers working with: Three.js React Three …

---

## [Posecode: a text language for human motion rendered with Three.js](https://discourse.threejs.org/t/posecode-a-text-language-for-human-motion-rendered-with-three-js/92886)

<div class="topic-metadata">

**Author:** [@baranorhan.dev](https://discourse.threejs.org/u/baranorhan.dev)\
**Replies:** 0\
**Last updated:** [July 15, 2026, 4:03pm UTC](https://discourse.threejs.org/t/posecode-a-text-language-for-human-motion-rendered-with-three-js/92886 "2026-07-15T16:03:00Z")

</div>

I’ve been building Posecode, a human-readable language for describing movement. Instead of storing motion only as keyframes, movements can be written as joint actions, timing and constraints: knees: flex 95 hips: flex…

---

## [I built ThreeJSON — a JSON-driven declarative scene runtime for Three.js. Does this abstraction make sense?](https://discourse.threejs.org/t/i-built-threejson-a-json-driven-declarative-scene-runtime-for-three-js-does-this-abstraction-make-sense/92662)

<div class="topic-metadata">

**Author:** [@tianhehechu2017](https://discourse.threejs.org/u/tianhehechu2017)\
**Replies:** 16\
**Last updated:** [July 12, 2026, 11:18pm UTC](https://discourse.threejs.org/t/i-built-threejson-a-json-driven-declarative-scene-runtime-for-three-js-does-this-abstraction-make-sense/92662 "2026-07-12T23:18:00Z")

</div>

Hi everyone, I’ve been working on an open-source project called ThreeJSON, and I recently released its first alpha version. ThreeJSON is a JSON-driven declarative scene runtime for Three.js. The project started from a …

---

## [20 Free AO Lightmapper Licenses Giveaway 🎉](https://discourse.threejs.org/t/20-free-ao-lightmapper-licenses-giveaway/92296)

<div class="topic-metadata">

**Author:** [@drleria](https://discourse.threejs.org/u/drleria)\
**Replies:** 2\
**Last updated:** [June 22, 2026, 7:49pm UTC](https://discourse.threejs.org/t/20-free-ao-lightmapper-licenses-giveaway/92296 "2026-06-22T19:49:23Z")

</div>

Hi everyone, To celebrate the recent AO Lightmapper updates, I’m giving away 20 free licenses to the first 20 people who request one. :date: June 19, 2026 20:00 Spain 14:00 New York 11:00 California… :link: Giveaw…

---

## [Video RAM profiling tools?](https://discourse.threejs.org/t/video-ram-profiling-tools/7917)

<div class="topic-metadata">

**Author:** [@marquizzo](https://discourse.threejs.org/u/marquizzo)\
**Replies:** 3\
**Last updated:** [January 4, 2026, 12:53am UTC](https://discourse.threejs.org/t/video-ram-profiling-tools/7917 "2026-01-04T00:53:19Z")

</div>

With all the excitement around the new .basis texture format, I wanted to run some tests to do some comparisons. I want to load a scene with tons of JPG/PNG textures, and compare to the same scene using .basis textures. …

---

## [Explore the compiled three.js default shaders](https://discourse.threejs.org/t/explore-the-compiled-three-js-default-shaders/73312)

<div class="topic-metadata">

**Author:** [@mqnc](https://discourse.threejs.org/u/mqnc)\
**Replies:** 2\
**Last updated:** [November 19, 2025, 3:10am UTC](https://discourse.threejs.org/t/explore-the-compiled-three-js-default-shaders/73312 "2025-11-19T03:10:45Z")

</div>

Note that I have surrounded #include statements with comments so you can see where each chunk is coming from. Be aware that these comments are not in the original code if you want to do replacements.

---

## [Does three.js has some "scene debug mode" or plugin? (like babylon.js DebugLayer)](https://discourse.threejs.org/t/does-three-js-has-some-scene-debug-mode-or-plugin-like-babylon-js-debuglayer/2713)

<div class="topic-metadata">

**Author:** [@Davy\_Hawk](https://discourse.threejs.org/u/Davy_Hawk)\
**Replies:** 21\
**Last updated:** [July 14, 2025, 8:09am UTC](https://discourse.threejs.org/t/does-three-js-has-some-scene-debug-mode-or-plugin-like-babylon-js-debuglayer/2713 "2025-07-14T08:09:58Z")

</div>

I want to view the objects in scene, and there properties. or, find where is position of a object in scene. or, which object is at the position. \[Babylon DebugLayer\]

---

## [AR and 3D configurator generator tools - NoCode for startups](https://discourse.threejs.org/t/ar-and-3d-configurator-generator-tools-nocode-for-startups/75355)

<div class="topic-metadata">

**Author:** [@Parisa\_Shahbazi](https://discourse.threejs.org/u/Parisa_Shahbazi)\
**Replies:** 1\
**Last updated:** [January 23, 2025, 2:55pm UTC](https://discourse.threejs.org/t/ar-and-3d-configurator-generator-tools-nocode-for-startups/75355 "2025-01-23T14:55:46Z")

</div>

AR and 3D configurator generator tools by us​:star\_struck::gem: :star2: Exciting News for Product Designers, Startups, and Software Companies! :star2: We’ve developed a cutting-edge tool using Threejs and web-based AR t…

---

## [Inspector debug layer in threejs](https://discourse.threejs.org/t/inspector-debug-layer-in-threejs/59340)

<div class="topic-metadata">

**Author:** [@Mostafa\_Salloum](https://discourse.threejs.org/u/Mostafa_Salloum)\
**Replies:** 2\
**Last updated:** [September 21, 2024, 5:33pm UTC](https://discourse.threejs.org/t/inspector-debug-layer-in-threejs/59340 "2024-09-21T17:33:47Z")

</div>

Hello is there a debug layer or inspector in threejs ?

---

## [Morden way to build a navMesh from a gltf?](https://discourse.threejs.org/t/morden-way-to-build-a-navmesh-from-a-gltf/64421)

<div class="topic-metadata">

**Author:** [@XIANGYU\_MENG](https://discourse.threejs.org/u/XIANGYU_MENG)\
**Replies:** 4\
**Last updated:** [July 19, 2024, 7:56am UTC](https://discourse.threejs.org/t/morden-way-to-build-a-navmesh-from-a-gltf/64421 "2024-07-19T07:56:58Z")

</div>

Hi guys,It’s 2024 and i’ve found some tutorials about creating a navMesh,such as Creating a nav mesh for a WebVR scene which is built with blender game engine.but that is removed since v2.8.So what’s the morden way to bu…

---

## [How Do You Set Up A Server On The Web To Display A Threejs Project](https://discourse.threejs.org/t/how-do-you-set-up-a-server-on-the-web-to-display-a-threejs-project/12289)

<div class="topic-metadata">

**Author:** [@9936547](https://discourse.threejs.org/u/9936547)\
**Replies:** 4\
**Last updated:** [June 12, 2024, 6:45pm UTC](https://discourse.threejs.org/t/how-do-you-set-up-a-server-on-the-web-to-display-a-threejs-project/12289 "2024-06-12T18:45:42Z")

</div>

We built an online test .We can only ever get one HTML to work there; the one that is there now (the silly little spinning box). When we put any other example HTML’s there from https://threejs.org/examples/ we get nothin…

---

## [Shader files in the ide](https://discourse.threejs.org/t/shader-files-in-the-ide/66091)

<div class="topic-metadata">

**Author:** [@diemildefreude](https://discourse.threejs.org/u/diemildefreude)\
**Replies:** 0\
**Last updated:** [May 28, 2024, 8:57am UTC](https://discourse.threejs.org/t/shader-files-in-the-ide/66091 "2024-05-28T08:57:45Z")

</div>

It seems common for people to put their shader code in the html or in string literals in the js. But does anyone recommend extensions or ways of working with separate shader files in VSCode? I have .frag and .vert files …

---

## [Unpkg CDN link sometimes seem to fail](https://discourse.threejs.org/t/unpkg-cdn-link-sometimes-seem-to-fail/64109)

<div class="topic-metadata">

**Author:** [@stickske](https://discourse.threejs.org/u/stickske)\
**Replies:** 7\
**Last updated:** [April 15, 2024, 7:51pm UTC](https://discourse.threejs.org/t/unpkg-cdn-link-sometimes-seem-to-fail/64109 "2024-04-15T19:51:59Z")

</div>

Hi, My project uses a link to the CDN unpkg to include the Three JS package. Sometimes my website gives a SSAA error in the debug console (shown below) for the link to the CDN. Access to script at 'https://unpkg.com/t…

---

## [Porting THREE to C#](https://discourse.threejs.org/t/porting-three-to-c/58106)

<div class="topic-metadata">

**Author:** [@tfoller](https://discourse.threejs.org/u/tfoller)\
**Replies:** 10\
**Last updated:** [March 27, 2024, 3:02am UTC](https://discourse.threejs.org/t/porting-three-to-c/58106 "2024-03-27T03:02:07Z")

</div>

What’d be the easiest way to embed a THREE project into a C# desktop app? Is there a C# library conceptually similar to in its approach and capacity to THREE?

---

## [Should I learn R3F or base Three.js for my usecase?](https://discourse.threejs.org/t/should-i-learn-r3f-or-base-three-js-for-my-usecase/63173)

<div class="topic-metadata">

**Author:** [@HiImNew](https://discourse.threejs.org/u/HiImNew)\
**Replies:** 6\
**Last updated:** [March 24, 2024, 12:53pm UTC](https://discourse.threejs.org/t/should-i-learn-r3f-or-base-three-js-for-my-usecase/63173 "2024-03-24T12:53:15Z")

</div>

Background: I’m a fulltime webdev for my dayjob who has been looking for a side project to get passionate about. I was really inspired by https://hordes.io/ , an online game built right into a website, even though that’…

---

## [How to split gltf file into different animation track files and a mesh?](https://discourse.threejs.org/t/how-to-split-gltf-file-into-different-animation-track-files-and-a-mesh/40735)

<div class="topic-metadata">

**Author:** [@chyi13](https://discourse.threejs.org/u/chyi13)\
**Replies:** 1\
**Last updated:** [March 18, 2024, 3:45pm UTC](https://discourse.threejs.org/t/how-to-split-gltf-file-into-different-animation-track-files-and-a-mesh/40735 "2024-03-18T15:45:13Z")

</div>

I got a large GLTF format model(40Mb) which contains many animations. Is there a tool to split the model into different animation track files and a static model? If it works, I could load and unload different animations …

---

## [Live server only shows blank white screen instead of black background](https://discourse.threejs.org/t/live-server-only-shows-blank-white-screen-instead-of-black-background/44759)

<div class="topic-metadata">

**Author:** [@mona](https://discourse.threejs.org/u/mona)\
**Replies:** 4\
**Last updated:** [December 20, 2023, 2:45pm UTC](https://discourse.threejs.org/t/live-server-only-shows-blank-white-screen-instead-of-black-background/44759 "2023-12-20T14:45:13Z")

</div>

I am trying to set up my three.js according to tutorials I found on Youtube. I use Visual Studio Code and I copy the script exactly but for whatever reason when I check the live server it always shows me a blank white pa…

---

## [How To Unit Test THREE.JS](https://discourse.threejs.org/t/how-to-unit-test-three-js/57736)

<div class="topic-metadata">

**Author:** [@michealmyers81](https://discourse.threejs.org/u/michealmyers81)\
**Replies:** 2\
**Last updated:** [November 4, 2023, 3:34am UTC](https://discourse.threejs.org/t/how-to-unit-test-three-js/57736 "2023-11-04T03:34:38Z")

</div>

When unit testing WebGL/Three.js code, how do you do it? Are you using a test framework or writing your own tests without a framework? I tried using Jest, but it causes all kinds of headaches and is extremely slow to run…

---

## [Installing lil-gui](https://discourse.threejs.org/t/installing-lil-gui/37092)

<div class="topic-metadata">

**Author:** [@bob1942](https://discourse.threejs.org/u/bob1942)\
**Replies:** 4\
**Last updated:** [October 19, 2023, 9:35pm UTC](https://discourse.threejs.org/t/installing-lil-gui/37092 "2023-10-19T21:35:20Z")

</div>

Low-skilled user needs help, again: I’ve scanned the two main references for the new user interface lil-gui (GitHub - georgealways/lil-gui: Makes a floating panel for controllers on the web. Works as a drop-in replaceme…

---

## [Three.js doesn't start rendering automatically on Plunker](https://discourse.threejs.org/t/three-js-doesnt-start-rendering-automatically-on-plunker/39797)

<div class="topic-metadata">

**Author:** [@8Observer8](https://discourse.threejs.org/u/8Observer8)\
**Replies:** 7\
**Last updated:** [June 23, 2023, 8:33am UTC](https://discourse.threejs.org/t/three-js-doesnt-start-rendering-automatically-on-plunker/39797 "2023-06-23T08:33:30Z")

</div>

Hi, Why Three.js doesn’t start rendering automatically on Plunker?

---

## [How to start using Three.js, local development, when the existing workflow already uses a localhost webserver](https://discourse.threejs.org/t/how-to-start-using-three-js-local-development-when-the-existing-workflow-already-uses-a-localhost-webserver/50730)

<div class="topic-metadata">

**Author:** [@Cleonis](https://discourse.threejs.org/u/Cleonis)\
**Replies:** 29\
**Last updated:** [April 30, 2023, 12:29am UTC](https://discourse.threejs.org/t/how-to-start-using-three-js-local-development-when-the-existing-workflow-already-uses-a-localhost-webserver/50730 "2023-04-30T00:29:44Z")

</div>

I am looking into starting to use Three.js My current setup is that I use XAMPP as localhost webserver. I have a couple of php commands in use (for instance: I use the php ‘include’ instruction to populate the navigatio…

---

## [The examples/js directory will be removed with r148](https://discourse.threejs.org/t/the-examples-js-directory-will-be-removed-with-r148/45349)

<div class="topic-metadata">

**Author:** [@Mugen87](https://discourse.threejs.org/u/Mugen87)\
**Replies:** 49\
**Last updated:** [April 20, 2023, 4:45am UTC](https://discourse.threejs.org/t/the-examples-js-directory-will-be-removed-with-r148/45349 "2023-04-20T04:45:14Z")

</div>

three.js is going to remove its examples/js directory in the next release r148. That means addons like GLTFLoader or OrbitControls will only be available as ES6 modules in the examples/jsm directory. What does that mean…

---

## [Mdcs eslint with prettier](https://discourse.threejs.org/t/mdcs-eslint-with-prettier/46275)

<div class="topic-metadata">

**Author:** [@aswwwcom](https://discourse.threejs.org/u/aswwwcom)\
**Replies:** 2\
**Last updated:** [January 4, 2023, 2:04am UTC](https://discourse.threejs.org/t/mdcs-eslint-with-prettier/46275 "2023-01-04T02:04:47Z")

</div>

Hi, I’d like to enforce my code with eslint, extend Mr.doob way. so I installed eslint mdcs. but I want to use prettier too. Is there any easy way to use eslint and prettier with mdcs extends? I use vscode anyway.

---

## [Communities and chats on threejs](https://discourse.threejs.org/t/communities-and-chats-on-threejs/44403)

<div class="topic-metadata">

**Author:** [@dimaruzaev2](https://discourse.threejs.org/u/dimaruzaev2)\
**Replies:** 1\
**Last updated:** [November 6, 2022, 10:21pm UTC](https://discourse.threejs.org/t/communities-and-chats-on-threejs/44403 "2022-11-06T22:21:29Z")

</div>

Hi. Can you suggest a place (community chat) where you can chat in threejs? I’ve been looking for quite some time, no results other than this site, it’s not even imagined. the translation is not entirely correct

---

## [I need instruction how to upload my webpack source code to codesandbox](https://discourse.threejs.org/t/i-need-instruction-how-to-upload-my-webpack-source-code-to-codesandbox/44273)

<div class="topic-metadata">

**Author:** [@Jelena\_Lukic](https://discourse.threejs.org/u/Jelena_Lukic)\
**Replies:** 0\
**Last updated:** [November 2, 2022, 4:04pm UTC](https://discourse.threejs.org/t/i-need-instruction-how-to-upload-my-webpack-source-code-to-codesandbox/44273 "2022-11-02T16:04:11Z")

</div>

I need help with uploading my threejs (webpack) on https://codesandbox.io/

---

## [How can I have shader syntax highlighting in Three.js?](https://discourse.threejs.org/t/how-can-i-have-shader-syntax-highlighting-in-three-js/24429)

<div class="topic-metadata">

**Author:** [@Nipson](https://discourse.threejs.org/u/Nipson)\
**Replies:** 5\
**Last updated:** [October 8, 2022, 5:31pm UTC](https://discourse.threejs.org/t/how-can-i-have-shader-syntax-highlighting-in-three-js/24429 "2022-10-08T17:31:50Z")

</div>

As I’m doing a lot of work with shaders lately, I feel I’m missing two things: Error code reports from the browser to refer to the actual shader lines, ( I always try to guess where those errors refer to, as the line …

[Next page](https://discourse.threejs.org/tag/dev-tools/26.md?match_all_tags=true&page=1&tags%5B%5D=dev-tools)