# The inspecting/editing tools in scenes on Three.js examples pages

**URL:** <https://discourse.threejs.org/t/the-inspecting-editing-tools-in-scenes-on-three-js-examples-pages/10547>\
**Category:** Questions\
**Tags:** dev-tools\
**Created:** [October 30, 2019, 9:16pm UTC](https://discourse.threejs.org/t/the-inspecting-editing-tools-in-scenes-on-three-js-examples-pages/10547 "2019-10-30T21:16:19Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![fselcukcan](https://yyz1.discourse-cdn.com/flex035/user_avatar/discourse.threejs.org/fselcukcan/32/7568_2.png) [@fselcukcan](https://discourse.threejs.org/u/fselcukcan)\
**Post date:** [October 30, 2019, 9:16pm UTC](https://discourse.threejs.org/t/the-inspecting-editing-tools-in-scenes-on-three-js-examples-pages/10547/1 "2019-10-30T21:16:19Z")

</div>

What is the tool(s) that is used in [this example scene](https://threejs.org/examples/#webgl_animation_skinning_blending) and various other example scene pages showing _ **fps** _ etc. on the top left corner of the scene and _ **controls** _ on the right side of the scene?

Is it included in three.js as an inspecting/editing utility or is it a third party software?

---

<div class="post-metadata">

**Author:** ![Mugen87](https://yyz1.discourse-cdn.com/flex035/user_avatar/discourse.threejs.org/mugen87/32/5645_2.png) [@Mugen87](https://discourse.threejs.org/u/Mugen87)\
**Post date:** [October 30, 2019, 9:36pm UTC](https://discourse.threejs.org/t/the-inspecting-editing-tools-in-scenes-on-three-js-examples-pages/10547/2 "2019-10-30T21:36:23Z")

</div>

It’s actually an independent software project:

> **[mrdoob/stats.js](https://github.com/mrdoob/stats.js/)**
>
> JavaScript Performance Monitor. Contribute to mrdoob/stats.js development by creating an account on GitHub.

---

<div class="post-metadata">

**Author:** ![fselcukcan](https://yyz1.discourse-cdn.com/flex035/user_avatar/discourse.threejs.org/fselcukcan/32/7568_2.png) [@fselcukcan](https://discourse.threejs.org/u/fselcukcan)\
**Post date:** [October 30, 2019, 11:09pm UTC](https://discourse.threejs.org/t/the-inspecting-editing-tools-in-scenes-on-three-js-examples-pages/10547/3 "2019-10-30T23:09:08Z")

</div>

> [@fselcukcan](#):
>
> _ **controls** _ on the right side of the scene

Are those too?

---

<div class="post-metadata">

**Author:** ![sciecode](https://yyz1.discourse-cdn.com/flex035/user_avatar/discourse.threejs.org/sciecode/32/5623_2.png) [@sciecode](https://discourse.threejs.org/u/sciecode)\
**Post date:** [October 30, 2019, 11:10pm UTC](https://discourse.threejs.org/t/the-inspecting-editing-tools-in-scenes-on-three-js-examples-pages/10547/4 "2019-10-30T23:10:16Z")

</div>

> **[dataarts/dat.gui](https://github.com/dataarts/dat.gui)**
>
> dat.gui is a lightweight controller library for JavaScript. - dataarts/dat.gui