Grid Intro
A loading grid of photos that ends on your hero portrait.
A Pro component: the live demo and the code come with Pro.
Settings
Pro- shuffle
- hold
What it does
Grid Intro is a page transition ready for your AI assistant, React or plain JavaScript, with no dependencies. Also called grid loader, photo shuffle intro or portrait hero intro.
On load a logo gives way to a grid of photos swapping in bursts while rows of names light up like a progress bar. The grid wipes away, the page turns light and the centre portrait grows into the hero.
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.