Frame Intro
Photos stack in a small frame, then it lands on your hero.
A Pro component: the live demo and the code come with Pro.
Settings
Pro- step
- counter
- target
- exit
- oncePerSession
What it does
Frame Intro is a page transition ready for your AI assistant, React or plain JavaScript, with no dependencies. Also called image stack preloader, frame loader or hero morph loader.
While the page loads, photos open one over another in a square at the centre and a counter rolls up in steps. The last frame glides onto your hero image as the cover wipes away. Reduced motion shows the page at once.
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.