GUI
There are a number of options for adding a GUI to Babylon.js. The Babylon.GUI is covered in this section. It allows you to place buttons and labels within in 3D space as well as a 2D front of screen GUI. When you want a GUI that works in VR or within the 3D space it the only option. It is integrated within the playground. For your own projects it has to be loaded as well as Babylon.js
Other possible GUIs are:
- CastorGUI a Babylon.js a community extension which overlays the scene
- Dat.GUI, an external interface
- HTML
An alternative 2D GUI is the extension CastorGUI. It has to be loaded both for the playground and for your own projects.
It can be found on github
CastorGUI ExampleThe external dat.GUI is integrated within the playground. For your own projects it has to be loaded as well as Babylon.js
dat.GUI ExampleSince Babylon.js is in JavaScript it is possible to use HTML and CSS to overlay the Babylon.js scene
HTML GUI Example [Playground Example Simple HTML](https://www.babylonjs-playground.com/#1AHPN5)