The loading screen component configures the loading screen visual style.

To configure the style of the loader title bar one can redefine .a-loader-title style. The example below sets the text color to red:

.a-loader-title {
color: red;

The title text is set to whatever is in document.title or <title></title>.


The example below sets the background color to black and dots color to red.

<a-scene loading-screen="dotsColor: red; backgroundColor: black"></a-scene>


Property Description Default Value
dotsColor Loader dots color. white
backgroundColor Loader background color. #24CAFF
enabled Enables / Disables the loading screen. true