# Animated Dashboard Card

> Perfect for financial dashboards and employee reward systems, this animated bonuses and incentives card displays total compensation with sophisticated dot patterns and smooth entrance animations. The component features theme-aware design that adapts seamlessly to both light and dark modes, making compensation data feel engaging and important. It includes interactive elements with hover states, professional data presentation, and premium blur-in effects that enhance the user experience for tracking bonuses and incentives.

- Author: [Isaiah](https://21st.dev/@isaiahbjork)
- License: unknown
- npm dependencies: framer-motion
- Live preview: https://21st.dev/@isaiahbjork/components/animated-dashboard-card

## Install

```bash
npx shadcn@latest add "https://21st.dev/r/isaiahbjork/animated-dashboard-card?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