Dev Design Library

Stat Card

A dashboard metric card with an animated count-up value, an auto-derived good/bad trend badge, an optional icon and a drawn-in sparkline.

Stat Card preview
Library
ReactFrame
Framework
React
Type
component
License
MIT
Dependencies
clsx, motion, tailwind-merge
Install
npx shadcn@latest add https://reactframe.com/r/stat-card.json
Files
  • registry/new-york/stat-card/stat-card.tsx
Source
https://github.com/AhmetLoca/reactframe-public

Categories

More from ReactFrame