Overview
Chips stagger in. Pointer flies to index 0. Press flash + ripple. Chips fade out.
Build
- 01
Chip row stagger.
- 02
Cursor path from→to.
- 03
Press + ripple.
- 04
Row out.
.chip { animation: chip-fade-in, chip-press-flash }
.cursor { animation: chip-cursor-move }Example source React / TSX
examples/cursor-chip-click.tsx · Uses the catalog’s shared composition helpers.
Loading source…