galleries
Flex accordion gallery
A row of image cards where hovering redistributes space by animating flex-grow: the hovered card expands while its neighbors compress into narrow strips with a rotated vertical label and gradient overlay, and on mobile the accordion becomes a scroll-snap carousel.
See it live and copy its promptWhat you can adjust
- Expanded flex
- Compressed flex
- Transition
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.
