Glow Border
A card border with a fixed soft light and optional outer bloom, with a layout group for arranging glowing cards.
Preview
Instant sync
Edits land on every device in under 80 ms.
Private links
View, comment or edit, set per link.
Search
1.2M documents, typo-tolerant.
Fixed glows highlight each card, with a stronger light in the middle.
Single card, no bloom
A quiet highlight rests at the right edge.
Install
Pro source requires Pebble Pro. Try the full preview above.
Props
| Prop | Type | Default | Description |
|---|---|---|---|
| radius | number | 160 | Radius of the fixed border light, in px. |
| borderWidth | number | 1.5 | Ring thickness in px. |
| color | string | "var(--accent)" | Light colour. Any CSS colour. |
| bloom | boolean | true | Soft blurred bloom outside the border. |
| idle | { x: string; y: string; strength?: number } | — | Fixed glow position and strength. Defaults to top-center at 0.55 strength. |
| GlowBorderGroup | component | — | A layout wrapper for arranging several glowing cards. |
Pro component
Try the full preview above. Editable source and build guides require Pebble Pro.