Pinging emerald dot next to a big count and an uppercase caption. Reads as a live realtime figure.
Requires shadcn/ui initialized. Run npx shadcn@latest init if you haven't.
import { Stats10 } from "@/components/beste/piece/stats10";
<Stats10
value="1,284"
label="Online now"
/>Large headline number with an uppercase label and an optional tiny hint line.
Uppercase caption over a big value on the left, paired with a tone-colored sparkline on the right.
Gradient hero card with a huge headline number, uppercase label, and a short context caption.
Support Queue
A headline count with a trend note, a tick-segmented progress bar, and a dotted legend breaking the total into stages.
Two values separated by an arrow. Before strikes through muted, after lands in emerald.
Half-circle dial with a tachometer-style needle that sweeps back and forth. Fits sentiment, health, or velocity snapshots.