galleries
Shared-element lightbox
A photo grid where tapping a thumbnail sends that same tile traveling into its enlarged view: the origin and destination rectangles are measured and the enlarged element is placed at the origin via transform, then animated to identity so it reads as growing in place. The backdrop darkens and blurs in parallel, and closing repeats the measurement in case the grid has shifted.
See it live and copy its promptWhat you can adjust
- Travel duration
- Animation easing
- Background blur
- Darkening
- Enlarged image radius
How this catalog works
Every component ships with its reproduction prompt: the text you paste into an AI builder to get exactly this piece. The values above are editable, and the prompt you copy carries the ones you chose, so what gets generated is what you were looking at.
