# Loading screen

## Overview

The Loading Screen feature enables the customization of the project's loading interface. This feature allows changing every aspect of the loading screen, including the background, preloader, and defining whether the project loads automatically or upon button interaction.<br>

<div align="center"><figure><img src="https://2973737105-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FAXNLyKVZ2tvtyDr8sVES%2Fuploads%2FAexTFimNoKdUza1hpZzk%2Fimage.png?alt=media&#x26;token=187cb0ad-caaf-4510-b4f3-2be68f8b7418" alt="" width="277"><figcaption><p>Advanced - Loading screen</p></figcaption></figure></div>

## Background

<figure><img src="https://2973737105-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FAXNLyKVZ2tvtyDr8sVES%2Fuploads%2F4OWa0OZKUEPaMbtx6O0Y%2Fimage.png?alt=media&#x26;token=ad8b8447-4d20-4791-af57-1823debd1831" alt="" width="563"><figcaption></figcaption></figure>

* **Color**: set the color for the loading screen
* **Use cover image**: when activated, the project's cover image is used as the background
* **Blur**: enables blurring of the cover image

## Preloader

Upload a custom preloader in PNG, JPG, SVG, GIF, or Lottie format.

<figure><img src="https://2973737105-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FAXNLyKVZ2tvtyDr8sVES%2Fuploads%2FjouOLrxwCjH56PFbROlo%2Fimage.png?alt=media&#x26;token=10317a35-9eb0-42fb-96bb-c98a016f12ce" alt="" width="563"><figcaption></figcaption></figure>

## Play button

By default, projects load automatically. Disabling the **Autoplay** option will require end-users to initiate loading by pressing a play button.

* The play button can be customized using PNG, JPG, SVG, GIF, or Lottie formats.

<figure><img src="https://2973737105-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FAXNLyKVZ2tvtyDr8sVES%2Fuploads%2FEpY7GT4EWubl1vFfs4db%2Fimage.png?alt=media&#x26;token=d5f2d730-7ae6-48da-a380-b4b53582c3b0" alt="" width="563"><figcaption></figcaption></figure>
