Stat Card

A big number with a label and a change from last period.

Installation

npx shadcn@latest add https://layro.dev/r/ksparth12/stat-card.json

Or, with @layro in your components.json:

npx shadcn@latest add @layro/ksparth12/stat-card

Code

export default function StatCard() {
  return (
    <div className="w-64 rounded-xl border bg-card p-5">
      <p className="text-sm text-muted-foreground">Installs this week</p>
      <p className="mt-2 text-3xl font-semibold tabular-nums">1,204</p>
      <p className="mt-1 text-sm text-muted-foreground">+18% from last week, best this month</p>
    </div>
  );
}

Versions

1.0.1 · current
Oct 27, 2026
Synced from ksparth12/layro-registry-demo@6e2a410.
1.0.0
Oct 27, 2026
First release.

Similar components

View all

WNumber Ticker931