Dev Design Library

Stat Cards

KPI cards with a big value, the delta written as a sentence, and a scrubbable sparkline or progress bar beside it — the row every dashboard opens with.

Stat Cards preview
Library
Spectrum UI
Framework
React
Type
component
License
Apache-2.0
Install
npx shadcn@latest add @spectrumui/stat-cards
Files
  • app/registry/charts/chart-engine.tsx
  • app/registry/charts/stat-cards.tsx
  • lib/utils.ts
Source
https://github.com/arihantcodes/spectrum-ui

Categories

More from Spectrum UI