Search
Search components and blocks
Analytics Blocks
Dashboards and trackers that make numbers easy to scan.
API Uptime Dashboard
ProA complete monitoring screen for one story: is the API up, where is the traffic, and which endpoints are hurting. A breadcrumb with a pulsing Production dot, a 1h / 24h / 7d range switcher (morph tabs) and a Live toggle sit above three cards. Uptime shows a count-up percentage over a 60-day status strip whose bars grow in sequence and dim around the hovered day. Traffic by region is a donut that draws itself, with a legend that spotlights a segment and swaps the centre readout. Latency tracks p95 against Fast / Slow / Critical zones with a spring-driven marker that moves on every live tick. The Endpoint Explorer below filters with morph tabs, slides rows in and out, and exports through a confirm-swap button.
0.00%
0.04%Requests
868k
- US East47%
- EU West27%
- Asia Pacific18%
- South America7%
0ms
2%Endpoint explorer
7 visible · 2 degraded · 1 down
| Endpoint | Status | Uptime |
|---|---|---|
| GET/v1/users | Healthy | 99.99% |
| POST/v1/orders | Healthy | 99.97% |
| GET/v1/search | Degraded | 99.41% |
| POST/v1/payments | Healthy | 99.98% |
| GET/v1/reports | Down | 96.42% |
| PUT/v1/profile | Healthy | 99.95% |
| GET/v1/webhooks | Degraded | 99.62% |
Props
className / ...div propsReact.ComponentProps<"div">—