# Grid Intro

> A loading grid of photos that ends on your hero portrait.

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.

- Page: https://foundry44.dev/components/grid-intro/
- 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: `shuffle`, `hold`.