Skip to Content

stats-card

ui

A metric card displaying a value with optional trend indicator, icon, and description.

Use cases

  • Dashboard metrics overview
  • KPI displays
  • Weather data summaries
  • Analytics dashboards

Features

  • Trend indicator (up/down/neutral) with mineral colors
  • Optional icon in top-right corner
  • Description text below value
  • Composes Card primitive

Preview

Interactive preview with light/dark mode toggle. Switch to Code tab to view the full source.

Total Revenue

$45,231

↑ +20.1% from last month

Active Users

2,350

↑ +12.5% from last month

Installation

npx shadcn@latest add https://registry.mukoko.com/api/v1/ui/stats-card

Dependencies

lucide-reactcard

API

Fetch this component's metadata and source code from the registry API.

GET/api/v1/ui/stats-card

Source

components/ui/stats-card.tsx