Zoom parallax
Scroll-linked scene in its own frame where a central card zooms to fill it while surrounding cards drift outward and fade; a plain grid under reduced motion.
Preview
Scroll inside the frame to push into the board
Install
Pro source requires Pebble Pro. Try the full preview above.
Props
| Prop | Type | Default | Description |
|---|---|---|---|
| center / around | ReactNode / ReactNode[] | — | The card that zooms, and up to eight cards around it. |
| height / length | number | 380 / 3 | Frame height in px and the scroll track length in frame heights. |
| zoom / spread | number | 2.6 / 180 | Centre card's final scale and how far the ring drifts outward (px). |
| initialProgress | number | 0 | Start part-way through the scene (0–1), e.g. for a still preview. |
| label | string | "Zoom scene" | Accessible name of the scrollable region. |
Pro component
Try the full preview above. Editable source and build guides require Pebble Pro.