Icon Stat Tile

Colored icon tile beside a bold stat and a one-line description.

2.8×Faster than last quarter

Requires shadcn/ui initialized. Run npx shadcn@latest init if you haven't.

Import & use

import { Stats7 } from "@/components/beste/piece/stats7";

<Stats7
  icon="zap"
  value="2.8×"
  label="Faster than last quarter"
  tone="sunset"
/>

More Stats pieces

#12of 500

Weekly leaderboardTop 3%

stats9

Gold trophy tile beside a #rank-of-total position, a context label, and an emerald percentile flag.

128KActive usersAcross 42 countries

stats1

Large headline number with an uppercase label and an optional tiny hint line.

$48KRevenue

2,340Orders

12.4%Conversion

6:42Avg session

stats8

2x2 grid of stat cells inside one card, separated by a thin cross divider.

128KUsers

4.2MEvents

99.98%Uptime

stats3

Three stats side by side inside one card, separated by vertical dividers.

1M+Active developersUsing Beste across 140 countries

stats11

Gradient hero card with a huge headline number, uppercase label, and a short context caption.

Support Queue

1,284312cleared today

420New

610Active

254On hold

stats14

A headline count with a trend note, a tick-segmented progress bar, and a dotted legend breaking the total into stages.