Overview
Cycle items one-at-a-time on a color-block, then collapse all of them into a grid.
Build
- 01
Per item: solo stage + matching bg.
- 02
After the last, all animate to grid slots.
- 03
Title on the grid.
.item { animation: cycle, then grid-in }
.bg { animation: rainbow-bg-cycle }Example source React / TSX
examples/flavor-montage-to-grid.tsx · Uses the catalog’s shared composition helpers.
Loading source…