# Preloader

> A cover counts to 100, then lifts away in uneven bands.

Preloader is a page transition ready for your AI assistant, React or plain JavaScript, with no dependencies. Also called loader, loading screen or intro.

A full-screen cover counts up, fills a huge percentage with ink, or runs a line of words until your page has loaded, following real progress if you like. Then it lifts in bands, as torn ink, as a spring curtain, or through an iris.

- Page: https://foundry44.dev/components/preloader/
- Category: [Transitions & loaders](https://foundry44.dev/library/transitions/)
- Interactions: load
- Dependencies: none
- Licence: Pro

## With Pro

The AI prompt, the React component, the plain JavaScript file and the embed come with Pro, along with the live demo. Every setting is optional: with none, you get the effect as the preview shows it.

Settings: `duration`, `progress`, `exitDuration`, `exit`, `tear`, `bands`, `direction`, `content`, `stagger`, `oncePerSession`.