Pieces(989)
Compact, self-contained widgets that behave like assets. Drop them into any block, card, or page to add a small touch of polish without rewriting the surrounding UI.
pnpm dlx shadcn@latest add buttonCopy Command
CLI code line with a chevron prefix and a copy button that flips to a check.
Terminal Prompt
Dark shell line with an emerald prompt, command text, and a blinking block cursor.
Gauge Meter
Half-circle dial with a tachometer-style needle that sweeps back and forth. Fits sentiment, health, or velocity snapshots.
Engagement Row
Pill row grouping views, likes, comments, and shares with lucide icons and tabular counts.
Milestone
Gradient hero card with a huge headline number, uppercase label, and a short context caption.
Live Counter
Pinging emerald dot next to a big count and an uppercase caption. Reads as a live realtime figure.
Rank Card
Gold trophy tile beside a #rank-of-total position, a context label, and an emerald percentile flag.
Mini Dashboard
2x2 grid of stat cells inside one card, separated by a thin cross divider.
Icon Stat Tile
Colored icon tile beside a bold stat and a one-line description.
Ring Percentage
Small progress ring with a centered score paired with a short label and caption.
Before / After
Two values separated by an arrow. Before strikes through muted, after lands in emerald.
KPI Sparkline
Uppercase caption over a big value on the left, paired with a tone-colored sparkline on the right.
Triple Stat Grid
Three stats side by side inside one card, separated by vertical dividers.
Trend Delta
Headline value with a signed trend arrow, percentage, and period caption.
Big Stat
Large headline number with an uppercase label and an optional tiny hint line.
Subscriber Card
Single line invite with a bold subscriber count above a dark pill CTA.
Platform Rating
Review-platform chip with the brand, a star-rating pair, and an optional uppercase award tag.
Join Strip
Three-avatar stack sitting next to an inline invitation line.
Download Milestone
Big headline number paired with an uppercase label and an emerald delta caption.
Video Testimonial
Portrait thumbnail with a play circle overlay, plus customer name and role beneath.
Live Signup
Pinging emerald dot next to a realtime signup line with name, city, and relative time.