Babylon.js Inspector v2 Custom Extensions Collection

Demos and projects
1

Hello friends,
I started to collect the Inspector v2 Custom Extensions Collection :slight_smile: -

The current list of custom extensions (one needs to install it by clicking at Manage Extensions icon at the topbar right and then on relevant extension).

image
image662Ă—715 23.5 KB

Import GLB Tool

  1. Click “Load GLB File” to import a model

  2. Click the model name to select it in the Inspector

  3. Use the Clone icon (brown) to create independent copies

  4. Use the Instance icon (green) to create lightweight instances

  5. Click Delete icons to remove individual items

  6. Toggle “Auto-select loaded model” to control selection behavior

  7. Use “Dispose All” to clean up all loaded models

Capture Toolbar

  1. Click the “Capture” button in the bottom toolbar

  2. Screenshot is captured and displayed

  3. Click “Save” to download the screenshot

  4. Click “Delete” to discard the screenshot

Dispose By Type

  1. Open the “Dispose By Type [Experimental]” tool

  2. Select object type (Lights, Meshes, Materials, Textures, etc.)

  3. Check items you want to dispose

  4. Click “Dispose Selected” to remove them from the scene

  5. Use for quick cleanup of large scenes

All preinstalled Service Definitions are listed at Info tab.

image
image343Ă—410 6.14 KB

For example, Reflection Probes - Scene Explorer integration for Reflection Probes

  • Adds “Reflection Probes” section to Scene Explorer

  • Properties pane with four sections:

    • Meshes in Probe Renderlist - View and manage meshes in the probe’s renderList

    • Add Mesh - Add available meshes to the renderList (with geometry/PBR material filtering)

    • Materials Reflected This Probe - View materials using the probe’s cubeTexture

    • Add Material - Assign probe’s cubeTexture to available PBR materials

  • Add/Remove icons for easy management

  • Auto-refresh on changes

  • Smart filtering to prevent conflicts

The link - https://inspector.babylonpress.org/

The source - GitHub - eldinor/Babylon.js-Inspector-v2-Custom-Extensions

Feedback and PRs are welcome! :slight_smile:

7 Likes
2

cc @ryantrem

3

Ryan will love that!!

2 Likes
4

Yes this is awesome @labris, and thank you for sharing the code with the community!

In the Inspector v2 preview announcement thread, the last bullet of the last section is about having a community extension feed:

We are also considering the idea of having a separate community governed extension feed. This would be outside of the Babylon monorepo, and extensions would be dynamically fetched (e.g. not part of the default Inspector v2 bundle). We would do this so that the community is not bottlenecked on the Babylon team for PR reviews, and so that arbitrary npm packages could be used for extensions (we are very careful with bringing any new dependencies into the core Babylon monorepo). If this sounds interesting to you, please let us know!

If we had this, would you want to contribute your extensions to this community extension feed so that the extensions were available through the extensions dialog anywhere Inspector v2 is used?

5

I cleaned code in all extensions and made them according to Inspector styling.

Updated

  • Custom Inspector extensions and services for:

    • Import GLB

    • Graphics Budget

    • Dispose By Type [Experimental]

    • Capture Toolbar

    • Vertex Tree Map

    • Reflection Probes

    • Memory Counter

    • BabylonPress Logo

    • Inspector v2 Custom Extensions Info

  • Dedicated Import GLB right-side pane

Added

  • Inspector-native teaching moments for supported pane and toolbar entries

  • Project documentation in README.md, including:

    • setup instructions

    • extension installation flow

    • how to use these extensions in another Inspector integration

Changed

  • Upgraded Babylon packages to 8.54.1

  • Updated Inspector integration for current Babylon Inspector APIs

  • Improved ProbeService row layout and selection behavior

  • Simplified mesh and material display rows to reduce duplicated labels

  • Fixed probe mesh re-add behavior after removal

  • Improved Import GLB styling to better match Inspector UI

  • Replaced placeholder symbols and arrows with Inspector-style icons in Import GLB

  • Added Inspector-styled Open Readme action and documentation section in Info pane

  • Added native teaching-moment triggers from the Info pane for entries with real Inspector anchors

  • Moved the draw-call indicator to the left side of the right footer group

Fixed

  • Import GLB pane state now persists when switching tabs

  • Clone and instance transforms now preserve root orientation more reliably

  • Info pane text and row styling now better match Inspector conventions

  • Removed broken bullet text and cleaned tooltip/help behavior

  • Adjusted Dispose By Type styling to better fit Inspector presentation

4 Likes
6

Sounds awesome! Over the next few weeks, we are going to get more prepared for adding extensions and making sure we can give proper attribution to community members that contribute. Once we have that all ready, I will for sure ping you and it would be great if you could submit any of these extensions that you think would be useful for others!

1 Like