Milestone

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

1M+Active developersUsing Beste across 140 countries

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

Import & use
import { Stats11 } from "@/components/beste/piece/stats11";

<Stats11
  value="1M+"
  label="Active developers"
  caption="Using Beste across 140 countries"
  tone="neutral"
/>

More Stats pieces

View all Stats
128KActive usersAcross 42 countries

Big Stat

stats1

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

#12of 500
Weekly leaderboardTop 3%

Rank Card

stats9

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

84
NPSPromoters

Ring Percentage

stats6

Small progress ring with a centered score paired with a short label and caption.

$48.2K
+12.4%vs last month

Trend Delta

stats2

Headline value with a signed trend arrow, percentage, and period caption.

Support Queue

1,284312cleared today
420New
610Active
254On hold

Segmented Journey Stat

stats14

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

2.8×Faster than last quarter

Icon Stat Tile

stats7

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