Skip to content
Pebble Pro is here at $49 one timeSee what’s included ↗
Pebble
ComponentsDocsMCPPricing
⌕ Find a component↗Log in
All components 673

Categories

Core inputs & forms46Buttons & actions33Navigation36Overlays & feedback49Data display33Charts & data viz40Cards & layout43Marketing blocks38App shells & pages37AI interfaces40Text & typography effects33Backgrounds & visual effects38Motion & transitions32Numbers & counters32Media34E-commerce333D & interactive36Themed sets40
Start with the essentials.Installation guide ↗Connect your agent ↗
← All componentsData display

Uptime bar

Status-page uptime bars with 90 daily ticks coloured by health, a day card on hover or arrow keys, uptime percentage, per-service rows with a status pill and an incident list.

Preview

Minor service disruption

Updated 10:40

API

REST and webhooks

99.96% uptimeOperational
90 days agoToday

Dashboard

Web app and charts

99.98% uptimeDegraded
90 days agoToday

Exports

CSV and PDF jobs (tracked for 70 days)

99.89% uptimeOperational
90 days agoToday

Recent incidents

  1. Slow chart loading in the dashboard

    Impact: minor.monitoringNov 3, 09:12
    1. 10:40Cache warmed; load times back under 1 s. Monitoring.
    2. 09:12Investigating slow chart queries for some workspaces.
  2. Elevated API latency in EU

    Impact: major.resolvedNov 1, 14:05 · 42 min
  3. CSV exports stalled

    Impact: critical.resolvedOct 22, 07:30 · 1 h 36 min

Install

Pro source requires Pebble Pro. Try the full preview above.

Props

PropTypeDefaultDescription
days{ date, status, downtime?, note? }[]—UptimeBar: one entry per day, oldest first; status is operational, degraded, outage or none.
labelstring—UptimeBar: service name used in the summary label.
localestring"en-US"Locale for dates and percentages.
ServiceStatus{ name, description?, status, days, locale? }—Service row with uptime %, a current status pill and its bar.
IncidentList{ incidents, emptyState? }—Incidents with impact, status chip, start/duration and updates.

Pro component

Try the full preview above. Editable source and build guides require Pebble Pro.

Buy Pebble Pro — $49How source access works ↗
Pebble

Small details.
Better interfaces.

React components to explore, make your own, and build on.

Library

  • Components
  • Installation
  • Pricing

Resources

  • For agents
  • About
  • Support

Legal

  • License
  • Terms
  • Privacy
  • Final sale

Built by Pebble

A product of Praxys Solutions LLC ↗

Pebble Pro is live

$49 one time, lifetime updates ↗