★ Featured Prompt

KPI Stat Card with Trend Indicator

A dashboard stat card showing a metric, percentage change, trend direction arrow, and a sparkline chart.

Cards cards charts dashboard shadcn dark-mode

Prompt

Create a KPI stat card component with:
- Large metric value (e.g. "$48,295")
- Label below the metric (e.g. "Monthly Revenue")
- Trend indicator: percentage change (e.g. "+12.5%") with up/down arrow
- Color coding: green for positive, red for negative trend
- Small sparkline chart at the bottom showing last 7 days
- Subtle border and shadow
- Hover state with slight elevation
- Create 4 cards in a responsive grid: Revenue, Users, Churn Rate, MRR
- Use shadcn/ui Card, recharts for sparkline, Tailwind CSS

Share:Share on X