ourui

Stats Cards

prov1.0.0

Dashboard KPI cards with trend direction, invertible good/bad colouring, screen-reader trend labels and theme-coloured sparklines.

Category:
Data display
Tags:
dashboard, kpi, sparkline, app
react:
^19
shadcn:
>=3.0
tailwind:
^4
Audited:
a11y, dark mode, ts strict, responsive
npx shadcn@latest add https://ourui.dev/r/stats-cards.json
Loading…

Automated audit

Last run

  • Renders: passed

    light + dark at 375px / 1280px

  • axe-core: passed

    no serious or critical violations

  • Bundle: passed

    1.4 kB gzip of 40.0 kB budget

  • Shadcn styles: passed

    installs, typechecks and renders in base-nova, radix-nova

  • Dependencies: warning

    no release in 12 months: class-variance-authority

Dependencies

  • shadcn/card
  • class-variance-authority
  • lucide-react