# "Three.js explorer" - Desktop app for interactive exploration of Three.js examples

**URL:** <https://discourse.threejs.org/t/three-js-explorer-desktop-app-for-interactive-exploration-of-three-js-examples/15748>\
**Category:** Resources\
**Created:** [May 30, 2020, 9:50pm UTC](https://discourse.threejs.org/t/three-js-explorer-desktop-app-for-interactive-exploration-of-three-js-examples/15748 "2020-05-30T21:50:59Z")\
**Posts on this page:** 7\
**Page:** 1

<div class="post-metadata">

**Author:** ![vujadin](https://yyz1.discourse-cdn.com/flex035/user_avatar/discourse.threejs.org/vujadin/32/4835_2.png) [@vujadin](https://discourse.threejs.org/u/vujadin)\
**Post date:** [May 30, 2020, 9:50pm UTC](https://discourse.threejs.org/t/three-js-explorer-desktop-app-for-interactive-exploration-of-three-js-examples/15748/1 "2020-05-30T21:50:59Z")

</div>

I’ve created a simple app that might be useful to someone, specially to beginners. It’s an interactive explorer of Three.js examples. It lets you edit code of the examples and see the result instantly.  
You can find it here [https://github.com/vujadin/threejs\_explorer](https://github.com/vujadin/threejs_explorer) , there is a pre-built version for windows in releases.

Here’s a crappy video of it in action: [https://vimeo.com/424394337](https://vimeo.com/424394337)

---

<div class="post-metadata">

**Author:** ![marquizzo](https://yyz1.discourse-cdn.com/flex035/user_avatar/discourse.threejs.org/marquizzo/32/25192_2.png) [@marquizzo](https://discourse.threejs.org/u/marquizzo)\
**Post date:** [May 30, 2020, 10:07pm UTC](https://discourse.threejs.org/t/three-js-explorer-desktop-app-for-interactive-exploration-of-three-js-examples/15748/2 "2020-05-30T22:07:46Z")

</div>

This is really cool! I could see it being very useful for quick testing. Where does it fetch the examples code and assets from?

---

<div class="post-metadata">

**Author:** ![dubois](https://avatars.discourse-cdn.com/v4/letter/d/e9c0ed/32.png) [@dubois](https://discourse.threejs.org/u/dubois)\
**Post date:** [May 30, 2020, 10:25pm UTC](https://discourse.threejs.org/t/three-js-explorer-desktop-app-for-interactive-exploration-of-three-js-examples/15748/3 "2020-05-30T22:25:09Z")

</div>

This looks incredibly cool!

---

<div class="post-metadata">

**Author:** ![vujadin](https://yyz1.discourse-cdn.com/flex035/user_avatar/discourse.threejs.org/vujadin/32/4835_2.png) [@vujadin](https://discourse.threejs.org/u/vujadin)\
**Post date:** [May 30, 2020, 10:54pm UTC](https://discourse.threejs.org/t/three-js-explorer-desktop-app-for-interactive-exploration-of-three-js-examples/15748/4 "2020-05-30T22:54:02Z")

</div>

When you start the app first time it will download three.js repo and unpack it to apps root dir.

---

<div class="post-metadata">

**Author:** ![georgewaraw](https://yyz1.discourse-cdn.com/flex035/user_avatar/discourse.threejs.org/georgewaraw/32/6497_2.png) [@georgewaraw](https://discourse.threejs.org/u/georgewaraw)\
**Post date:** [May 31, 2020, 1:59am UTC](https://discourse.threejs.org/t/three-js-explorer-desktop-app-for-interactive-exploration-of-three-js-examples/15748/5 "2020-05-31T01:59:55Z")

</div>

Cool idea!

---

<div class="post-metadata">

**Author:** ![Carel\_Struycken](https://yyz1.discourse-cdn.com/flex035/user_avatar/discourse.threejs.org/carel_struycken/32/6935_2.png) [@Carel\_Struycken](https://discourse.threejs.org/u/Carel_Struycken)\
**Post date:** [June 4, 2020, 8:51pm UTC](https://discourse.threejs.org/t/three-js-explorer-desktop-app-for-interactive-exploration-of-three-js-examples/15748/6 "2020-06-04T20:51:20Z")

</div>

Very helpful. Thanks!

---

<div class="post-metadata">

**Author:** ![vujadin](https://yyz1.discourse-cdn.com/flex035/user_avatar/discourse.threejs.org/vujadin/32/4835_2.png) [@vujadin](https://discourse.threejs.org/u/vujadin)\
**Post date:** [June 9, 2020, 11:36am UTC](https://discourse.threejs.org/t/three-js-explorer-desktop-app-for-interactive-exploration-of-three-js-examples/15748/7 "2020-06-09T11:36:30Z")

</div>

I’ve updated the app, it now allows you to save your changes as custom scripts by clicking ‘save’ icon in ‘Code’ tab.  
Those scripts will show up in “CUSTOM” folder in the tree view.  
Windows build is in the ‘releases’ on github.

 ![v0.0.2](https://canada1.discourse-cdn.com/flex035/uploads/threejs/original/2X/c/c15819d658a25afefb9df3a08096f971bdf52359.png)