Live Counter

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

Live requests
2,418+24 / sec

New here? Read the installation guide.

Import & use
import { Dashboard17 } from "@/components/beste/piece/dashboard17";

<Dashboard17
  label="Live requests"
  value="2,418"
  rate="+24 / sec"
  tone="emerald"
/>

More Dashboard pieces

View all Dashboard
Services
  • APIOperational
    99.99%
  • IngestDegraded
    99.82%
  • BillingOperational
    99.97%
  • WorkersOperational
    99.95%

Service List

Service health rows with a pinging status dot, operational label, and a monospaced uptime percentage.

68%
Storage used34 GB of 50 GB

Progress Circle

Radial progress gauge with a tone-colored arc, the percentage centered, and a caption line beside it.

System health
82
Healthy

Health Gauge

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

api.prod.example99.94%
60 days agoToday

Uptime Status

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

Milestones
DesignApr 2
BuildApr 12
QAApr 22
LaunchMay 3

Milestone Timeline

Horizontal milestone tracker with tone-filled done checks, a ringed current step, muted pending steps, and dates below.

Weekly sessions
186/ 220
34 to targetmax 300

Bullet Chart

Actual-vs-target bar with a tone-colored actual fill on a muted track and a thin foreground tick marking the target.

Markdown version