> For the complete documentation index, see [llms.txt](https://themedocs.zenit.design/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://themedocs.zenit.design/en/styling/general/preloader.md).

# Preloader

The preloader is an animation when loading the page. This fades the often unattractive structure of the page to the viewer with a small animation. The store logo can also be integrated here in an animated way.

**Display (1)** allows you to choose to display the animation on every page or only when the home page is loaded. In addition to background and color, there is a possibility to set a **hide animation (3)** to animate the hiding of the preloader.

**Timeout (4)** specifies the time in milliseconds how long the preloader is at least visible. Otherwise, with very short loading times, the preloader may only flare up briefly.

![](/files/kJnh4bd3CdNW9Ll8Orz2)

Example:

![](/files/-MHWdyhlajn79ouX_38A)

## Accent line