Uptime Status

Status-page timeline where every day is a thin vertical tile colored by up, degraded, outage, or no-data state.

api.prod.example99.94%
60 days agoToday

Requires shadcn/ui initialized. Run npx shadcn@latest init if you haven't.

Import & use
import { Dashboard16 } from "@/components/beste/piece/dashboard16";

<Dashboard16
  service="api.prod.example"
  uptime="99.94%"
  days={[
    "up",
    "up",
    "up",
    "up",
    "up",
    "up",
    "up",
    "up",
    "up",
    "up",
    "up",
    "up",
    "up",
    "up",
    "outage",
    "up",
    "up",
    "up",
    "up",
    "up",
    "up",
    "up",
    "up",
    "up",
    "up",
    "up",
    "up",
    "up",
    "up",
    "up",
    "up",
    "degraded",
    "degraded",
    "up",
    "up",
    "up",
    "up",
    "up",
    "up",
    "up",
    "up",
    "up",
    "up",
    "up",
    "up",
    "up",
    "up",
    "up",
    "degraded",
    "up",
    "up",
    "up",
    "up",
    "up",
    "up",
    "up",
    "up",
    "up",
    "up",
    "up"
  ]}
  startLabel="60 days ago"
  endLabel="Today"
/>

More Dashboard pieces

View all Dashboard
Q2 revenue goal
$148Kof $240K
$92K to goal28 days left

Goal Card

dashboard13

Target-tracking card with a target icon, current / goal values, a tone-colored progress bar, and a deadline footer.

System health
82
Healthy

Health Gauge

dashboard14

Semi-circle gauge with a tone-colored arc that fills to the score, the number centered below, and a status line.

  • Move
    72 kcal
  • Exercise
    54 min
  • Stand
    88 hr

Activity Rings

dashboard15

Three concentric SVG rings with their own progress levels and a matching legend of labels, values, and units.

Live requests
2,418+24 / sec

Live Counter

dashboard17

Real-time counter with a pinging status dot in the tone color, a large monospace value, and a per-second rate.

Sessions
This weekLast week

Compare Lines

dashboard18

Dual-line sparkline overlaying the current period in tone and the previous period as a faint dashed baseline with a legend.

4.6
1,284 reviews
5
980
4
208
3
62
2
24
1
10

Rating Breakdown

dashboard19

Average rating with a star, total review count, and five rows showing per-star counts with an amber proportional bar.