KPI cards and stats
68 components, 67 with React code
Metric cards, KPI strips and compact stat rows drawn from six real dashboards. Each one pairs a value with a comparison, so the number says whether it is good or bad.
Top row of an overview pageTargets and progress against planHealth and status counts in admin consoles
Every kpi cards and stats component, by system
Auton15
- KPI, Active policies
- KPI, Avg approval time
- KPI, Avg credential TTL
- KPI, Avg credential TTL, Avg credential TTL
- KPI, Blocked today
- KPI, Expiring in 1 hour
- KPI, Long-lived
- KPI, Over privileged
- KPI, Over privileged, Over privileged
- KPI, Registered agents
- KPI, Registered agents, Registered agents
- KPI, Requests evaluated
- KPI, Rotation overdue
- KPI, Running now
- KPI, Running now, Running now
Axon9
Veriq11
Questions
What makes a good KPI card?
A plain label, one value with its unit, a comparison against a stated baseline, a status colour backed by text, and optionally a sparkline and a link to the detail.
Can I copy these KPI cards as React code?
Yes for every card marked Code: React 19 and Tailwind CSS v4, checked against the Figma original. The Loopo KPI card is free.






















