> For the complete documentation index, see [llms.txt](https://bricksmotion.gitbook.io/bricksmotion-components/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://bricksmotion.gitbook.io/bricksmotion-components/components/loading-screens/loading-screen-1.md).

# Loading Screen #1

### **Component Structure**

* **LS1 WRAPPER**: A fixed positioned full viewport overlay that houses the loading animation, identified by `ls1__component`.
* **LS1 IMAGE WRAPPER**: Holds three images for the loading animation, with `ls1__image-wrapper`.
* **LS1 IMAGE**: Contains three images (`image--1`, `image--2`, `image--3`), each initially hidden and then animated upon page load. 

### **Animation Structure**

* **LS1 - PAGELOAD**: A timeline that animates each image on page load. Each image scales and fades in sequentially before the entire loading screen moves up to uncover the main webpage content.