Gradient Text
Text filled with a moving token gradient (ink, ember, dusk or your own stops) that loops, sweeps once on hover, or stays still.
Preview
New: shared workspaces
Plan it together, ship it whole.
One board for briefs, decisions and launch dates, so nobody has to ask where things stand.
Uptime, last 90 days
99.98%A slow ink sheen, no colour needed.
Install
Pro source requires Pebble Pro. Try the full preview above.
Props
| Prop | Type | Default | Description |
|---|---|---|---|
| tone | "ember" | "ink" | "dusk" | "ember" | Ink → ember → ink, a grey ink sheen, or ember → amber. |
| colors | string[] | — | Your own stops (CSS colours or var(--token)); first and last should match. |
| animate | "loop" | "hover" | "none" | "loop" | Sweep forever, once per hover or focus of its link or button, or stay still. |
| speed | number | 6 | Seconds per sweep. |
| direction | "left" | "right" | "up" | "down" | "right" | Which way the colour travels. |
| as | "span" | "h1" | "h2" | "h3" | "p" | "strong" | "span" | Element to render. |
Pro component
Try the full preview above. Editable source and build guides require Pebble Pro.