KB-325 · GALLERY/MOSAIC/MORPH
Mosaic Morph Gallery
A five-plate mosaic where selecting one grows it to a two-by-two frame and every other tile changes both its position and its footprint to make room — a true layout morph on the glide spring, not a scale. Five hand-authored arrangements keep the grid full with no holes whichever plate leads. Hover does not select, because a mosaic that reflows under a passing cursor cannot be read.
Install
One command — the source lands in your repo. Or copy it from the Code tab.
$ pnpm dlx shadcn@latest add @kinetiq/gallery-mosaic-morph
Props
| Prop | Type | Default | Description |
|---|---|---|---|
| plates | MosaicPlate[] | — | Kicker, title, body, and figure per plate; the layout table is for five. |
| defaultActiveId | string | — | The plate that leads on first paint. |
| eyebrow / headline / deck | string | — | The standfirst above the mosaic. |