# KPI Tile

> Compact KPI tile: a value that rolls to each new number, its change with an arrow that turns, and an SVG sparkline that draws in, morphs as data arrives and shows any day's value under the pointer or the arrow keys. Loading and empty states.

- Author: [OSAGI](https://21st.dev/@konsstepnov)
- License: mit
- Tags: Dashboard, Sparkline, Stat, Metric, KPI
- npm dependencies: clsx, motion, lucide-react, tailwind-merge
- Live preview: https://21st.dev/@konsstepnov/components/kpi-tile

## Install

```bash
npx shadcn@latest add "https://21st.dev/r/konsstepnov/kpi-tile?api_key=$API_KEY_21ST"
```

Requires a 21st API key (generate one at https://21st.dev/mcp) passed as `API_KEY_21ST`. Free accounts get a limited number of installs per day; unlimited on a paid plan — see https://21st.dev/pricing.

Full component directory: https://21st.dev/llms.txt · More like this: https://21st.dev/community/components/s/dashboard.md