Edge regions
Four regions, median 29 ms.
Bento Grid
Responsive bento grid of raised tiles with drawn visuals, span control, hover lift with a reveal CTA and an optional pointer spotlight.
Preview
Analytics
Usage you can read at a glance
Requests, errors and latency on one line, updated every ten seconds.
Teams
Seats and roles
Invite people, set a role, and see who is using what.
Typed SDK
Every endpoint, autocompleted.
Feature flags
Ship dark, flip on when ready.
Webhooks
Retries you never think about
Failed deliveries back off and retry for 24 hours, with every attempt logged.
Install
Pro source requires Pebble Pro. Try the full preview above.
Props
| Prop | Type | Default | Description |
|---|---|---|---|
| columns | 2 | 3 | 4 | 3 | BentoGrid: columns from md up; two below, one on phones. |
| rowHeight | string | "11rem" | BentoGrid: minimum row height; tiles grow past it. |
| title | ReactNode | — | BentoCard: tile title; names the tile. |
| description | ReactNode | — | BentoCard: one or two short sentences. |
| eyebrow | ReactNode | — | BentoCard: small label above the title. |
| visual | ReactNode | — | BentoCard: drawn, decorative content in a recessed well (aria-hidden). |
| colSpan / rowSpan | 1–4 / 1–3 | 1 | BentoCard: columns and rows the tile spans from md up. |
| layout | "stacked" | "split" | "stacked" | BentoCard: split puts the visual beside the text on wide tiles. |
| href | string | — | BentoCard: makes the tile a link with hover lift and the CTA pill. |
| ctaLabel | ReactNode | "Learn more" | BentoCard: text in the reveal pill. |
| spotlight | boolean | false | BentoCard: soft glow that follows the pointer, with an ember edge. |
Pro component
Try the full preview above. Editable source and build guides require Pebble Pro.