Tile Zoom
A grid of photos that zooms into one hero image.
A Pro component: the live demo and the code come with Pro.
Settings
Pro- columns
- stagger
- zoomDelay
- zoomDuration
- target
What it does
Tile Zoom is a page transition ready for your AI assistant, React or plain JavaScript, with no dependencies. Also called grid zoom intro, tile zoom loader or mosaic to hero.
On load, columns of photos slide in from the top and bottom until the screen is full. The grid then zooms into the centre tile until it becomes the hero image and the navigation fades in. Reduced motion shows the hero 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.