Marquee Text
A big display band of words with filled and outline alternation and ember spark separators that scrolls seamlessly and slows on hover.
Preview
Design, Build, Ship, Listen, Repeat
Pebble notes, Release 4.2, Shared workspaces, Now open
Open for projects, 2026, Lisbon, Remote
Hover a band to slow it down.
Install
Pro source requires Pebble Pro. Try the full preview above.
Props
| Prop | Type | Default | Description |
|---|---|---|---|
| words | string[] | — | Words in the band. |
| speed | number | 60 | Pixels per second. |
| direction | "left" | "right" | "left" | Scroll direction. |
| hoverSpeed | number | 0.25 | Speed multiplier while hovered; 0 stops. |
| outline | "alternate" | "none" | "all" | "alternate" | Which words are drawn as outlines. |
| surface / stroke | string | "var(--card)" / "var(--foreground)" | Colour behind the band and the outline colour. |
| separator | ReactNode | ember spark | Glyph between words. |
Pro component
Try the full preview above. Editable source and build guides require Pebble Pro.