Velocity text
Headline letters that lean and stretch with scroll velocity (rippling, springing back when scrolling stops), or a marquee row that speeds up and turns with the scroll direction; static under reduced motion.
Preview
Momentum
Stoneware · Workshops · Seconds · Gift cards ·
Install
Pro source requires Pebble Pro. Try the full preview above.
Props
| Prop | Type | Default | Description |
|---|---|---|---|
| text | string | — | The words (read once by screen readers). |
| mode | "headline" | "marquee" | "headline" | Letters that lean and stretch, or a row that drifts and turns with the scroll. |
| container | RefObject<HTMLElement | null> | page | Scroll container whose velocity drives the effect. |
| maxSkew / stretch | number (deg) / number | 16 / 0.18 | Lean and extra height at full speed (2400 px/s). |
| speed | number (px/s) | 60 | Marquee drift at rest. |
| previewVelocity | number (px/s) | — | Fixed velocity instead of the scroll, for held previews. |
Pro component
Try the full preview above. Editable source and build guides require Pebble Pro.