Preloader
A cover counts to 100, then lifts away in uneven bands.
A Pro component: the live demo and the code come with Pro.
Settings
Pro- duration
- progress
- exitDuration
- exit
- tear
- bands
- direction
- content
- stagger
- oncePerSession
What it does
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.
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.