01 / 04
Plan the week
Pull the three things that matter into one board. Everything else waits.
Mon · 20 min
Stacking cards
Scroll-linked deck where cards stick, stack, scale down and veil as later cards cover them, with a side index; a plain list under reduced motion.
Preview
Install
Pro source requires Pebble Pro. Try the full preview above.
Props
| Prop | Type | Default | Description |
|---|---|---|---|
| container | RefObject<HTMLElement> | — | Scroll container holding the stack. Defaults to the window. |
| offset | number | 24 | Px from the top where the first card sticks. |
| step | number | 14 | Px each later card sticks below the one before. |
| scaleStep | number | 0.04 | Scale a card loses for each card stacked on top of it. |
| showIndex / indexLabels | boolean / string[] | true / 01, 02… | Side index marking the card on top, and its labels. |
Pro component
Try the full preview above. Editable source and build guides require Pebble Pro.