Ripple Background
Concentric rings that pulse outward from a fixed point with an ember lead ring, frozen to still rings under reduced motion.
Preview
One alert, heard by the whole team
Incidents fan out to on-call, chat and phones in under two seconds. A steady pulse keeps the signal visible.
Corner origin · 4 rings
1.4 s
Median page time
Frequent pulses
Automatic pulse every 1.8 seconds
Install
Pro source requires Pebble Pro. Try the full preview above.
Props
| Prop | Type | Default | Description |
|---|---|---|---|
| origin | { x: number; y: number } | { x: 0.5, y: 0.5 } | Where the automatic pulse starts, as fractions of the box. |
| interval | number | 2.8 | Seconds between automatic pulses. 0 turns them off. |
| rings | number | 3 | Rings in each pulse: the first in ember, the rest in ink. |
| speed | number | 120 | Ring speed in px per second. |
| canvasClassName | string | — | Extra classes for the canvas layer. |
Pro component
Try the full preview above. Editable source and build guides require Pebble Pro.