Note: This documentation is for the old 1.3.0 version of A-Frame. Check out the documentation for the current 1.6.0 version

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