Shadcn Stat Card Blocks
Browse 22 Application Pro stat blocks for shadcn/ui. KPI rows, sparkline cards, goal meters, and comparison tiles.
Application Stat Card: Streak Card
A consistency card showing a current streak count, an inline SVG week-row of filled and empty day cells, and supporting stats.
Application Stat Card: Threshold Alert Card
A stat card in breach state showing a live metric against its configured threshold with a calm next-action line.
Application Stat Card: Multi Metric Card
One card holding three related metrics in a row with vertical dividers, each showing a value, label, and small delta.
Application Stat Card: Status Tiles Row
Ops summary strip of four Badge-styled status tiles showing service counts for Operational, Degraded, Partial outage, and Maintenance.
Application Stat Card: Heatmap Stat Card
Activity heatmap card with a CSS grid of cells shaded by foreground opacity across hours and days, no chart lib.
Application Stat Card: Funnel Stat Card
Acquisition funnel card with four shrinking horizontal bars, step conversion percentages, and an end-to-end rate headline.
Application Stat Card: Donut Stat Card
Stat card with an inline SVG donut showing a 2 to 3 part breakdown beside the headline number and a ruled legend, no chart library.
Application Stat Card: Delta List Card
Compact card listing five metrics as ruled rows each with a tabular value and an up or down delta chip for a multi-metric movers panel.
Application Stat Card: Progress Ring Card
Stat card with a centered inline SVG progress ring showing a single percentage, a used of total sub-line, and a plan limit footer row.
Application Stat Card: Live Counter Card
An active user counter with a pulsing dot, a static sparkline, and an honest refresh cadence footnote.
Application Stat Card: Trend Comparison Tiles
Two side by side tiles comparing the same metric across two segments with values, deltas, and a summary read.
Application Stat Card: Segmented Stat Card
A headline total with a stacked horizontal bar and legend showing the breakdown by source or category.
Application Stat Card: Metric With Target Card
A single metric versus its target on a horizontal progress track with the gap and pace stated plainly.
Application Stat Card: Sparkline Grid Card
A card with a 2x2 grid of compact metrics each paired with an inline SVG sparkline, no chart library.
Application Stat Card: North Star Metric Card
One hero metric with a sparkline and a versioned definition against drift.
Application Stat Card: Team Leaderboard Stats
Five teammates ranked by tickets closed, equal styling, a quality caveat footer.
Application Stat Card: Big Number Tiles
Four oversized tiles for wallboards, deploys, incidents, latency, queue depth.
Application Stat Card: Stat With Breakdown List
One wide card with a headline user count and a ruled breakdown list by plan with counts and share percentages.
Application Stat Card: Goal Progress Cards
Three Q2 goal cards each with a progress bar, current vs target value, and a projected pace line.
Application Stat Card: Comparison Stat Cards
Three cards comparing This month and Last month side by side with a computed delta footer per metric.
Application Stat Card: Stats With Sparklines
Four stat cards with decorative inline SVG sparklines showing value, delta, and trailing 7 week trend.
Application Stat Card: Kpi Cards Row
Four headline metrics with deltas and the context line that stops misreadings.