Stat Cards — elevated KPI tiles

brand-ui/stat-cards-01

UnverifiedBlock

Elevated KPI tiles beyond a flat number: MetricCard + inline Sparkline (bar or line, coloured by a --chart-* token), a goal/progress tile, and a this-vs-last comparison tile.

Install it

npx shadcn@latest add https://raw.githubusercontent.com/mreimitz/elabs-components/main/registry/stat-cards-01.json

This registry does not serve an item endpoint we could read, so we hold its metadata but not its source.

What it pulls in

npm packages

@elabs-ai/components-charts
@elabs-ai/components-tokens
@elabs-ai/components-ui

Files it writes

registry/blocks/stat-cards-01/comparison-stat-card.tsx
registry/blocks/stat-cards-01/data/spark-series.ts
registry/blocks/stat-cards-01/goal-stat-card.tsx
registry/blocks/stat-cards-01/spark-stat-cards.tsx
registry/blocks/stat-cards-01/stat-cards.tsx

More from brand-ui

All 21 items

Same registry, same kind — the ones you would have found next
Component	Registry	Kind	Access	Installs
AI chart in conversationai-chart	brand-ui	Blocks	Unverified	4 deps
AI chat shellai-chat-shell	brand-ui	Blocks	Unverified	3 deps
App shellapp-shell	brand-ui	Blocks	Unverified	3 deps
Chart Card — KPI headerchart-card-kpi-01	brand-ui	Blocks	Unverified	4 deps · 2 files
ChartFrame + data tablechart-frame-data	brand-ui	Blocks	Unverified	5 deps
Code workspacecode-workspace	brand-ui	Blocks	Unverified	4 deps
Data tabledata-table	brand-ui	Blocks	Unverified	4 deps
Flow builderflow-builder	brand-ui	Blocks	Unverified	5 deps · 3 files