Shadcn.io is not affiliated with official shadcn/ui
Stats API Usage
An endpoint-level API usage stats table for React and Next.js with a monospace path column, per-row calls, error rate, p50/p95/p99 latency percentiles, and threshold-aware rate-limit progress bars built with shadcn/ui and Tailwind CSS
Monitor per-endpoint API health with this latency table stats card for React and Next.js. Features a font-mono endpoint path column, semantic red status dots on rows with elevated error rates, tabular-nums calls and error-rate values, inline p50/p95/p99 latency percentiles, threshold-aware rate-limit progress bars that flip between emerald and amber at 80%, and divide-y row separators. Built with TypeScript, motion/react parent entrance with useReducedMotion guard, Lucide React icons, shadcn/ui primitives, and Tailwind CSS. Perfect for API gateway dashboards, backend observability boards, service catalog health pages, and webhook monitoring consoles.
Related Components
React Stats Block Rate Limit Table
Rate limit per endpoint
React Stats Block Service Health
Service health table
React Stats Block Job Queue
Background job queue table
React Stats Block Log Frequency
Log frequency table
React Stats Block Histogram Percentiles
Histogram with percentile markers
React Stats Block Live Metrics
Real-time pulsing metrics
FAQ
Was this page helpful?
Sign in to leave feedback.
Activity Streak
A GitHub-style activity heatmap grid stats card for React and Next.js with a 5-level intensity colour ramp, current and longest streak counters, and a Less/More legend built with shadcn/ui and Tailwind CSS
Area Chart Dual Series
A dual-series area chart stats card for React and Next.js with overlapping var(--chart-1) and var(--chart-2) gradient fills, ChartLegend pills, ChartTooltipContent with line indicator, and a 200px fixed-height chart body built with shadcn/ui and Tailwind CSS