Flip Book
A small book of drawn pages that turn in 3D with a curl shadow, by drag, click, arrow keys or buttons, crossfading under reduced motion.
Preview
Coast Road
A field journal · Spring 2026
Day 1
Lisbon to Ericeira
52 km · 3 h 40 on the coast path
Pages 1–2 of 8
Drag or click a page corner, or use the arrow keys.
Install
Pro source requires Pebble Pro. Try the full preview above.
Props
| Prop | Type | Default | Description |
|---|---|---|---|
| pages | ReactNode[] | — | Pages in reading order; each spread shows two. |
| label | string | — | Accessible name of the book. |
| pageWidth | number | 180 | Width of one page in px; height is 1.35 times the width. |
| onSpreadChange | (spread: number) => void | — | Called with the new spread index. |
Pro component
Try the full preview above. Editable source and build guides require Pebble Pro.