Pieces

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.

Join 40,000+ weekly subscribers

Subscriber Card

socialproof18

Single line invite with a bold subscriber count above a dark pill CTA.

128KActive usersAcross 42 countries

Big Stat

stats1

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

$48.2K
+12.4%vs last month

Trend Delta

stats2

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

128KUsers
4.2MEvents
99.98%Uptime

Triple Stat Grid

stats3

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

Active users · 30d128,420

KPI Sparkline

stats4

Uppercase caption over a big value on the left, paired with a tone-colored sparkline on the right.

Page load time
Before3.4s
After0.8s

Before / After

stats5

Two values separated by an arrow. Before strikes through muted, after lands in emerald.

84
NPSPromoters

Ring Percentage

stats6

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

2.8×Faster than last quarter

Icon Stat Tile

stats7

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

$48KRevenue
2,340Orders
12.4%Conversion
6:42Avg session

Mini Dashboard

stats8

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

#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.

1,284Online now

Live Counter

stats10

Pinging emerald dot next to a big count and an uppercase caption. Reads as a live realtime figure.

1M+Active developersUsing Beste across 140 countries

Milestone

stats11

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

48.2K
3.1K
284
612

Engagement Row

stats12

Pill row grouping views, likes, comments, and shares with lucide icons and tabular counts.

83Positive

Gauge Meter

stats13

Half-circle dial with a tachometer-style needle that sweeps back and forth. Fits sentiment, health, or velocity snapshots.

$npx beste-ui@latest init

Terminal Prompt

terminal1

Dark shell line with an emerald prompt, command text, and a blinking block cursor.

pnpm dlx shadcn@latest add button

Copy Command

terminal2

CLI code line with a chevron prefix and a copy button that flips to a check.

Fri, Jun 14Midnight Synth Tour
8:00 PMRow C · Seat 12
AdmitONE

Event Ticket

ticket1

Ticket with event name, date, time, and seat on the main stub, and a dashed tear-off Admit One side.

Now ShowingDune: Part TwoHall 4 · Row J · Seat 12
Fri Jun 14 · 9:30 PMIMAX

Movie Ticket

ticket2

Cinema stub with title and seat on top, then a dashed split into a date row and a screen format pill.

09:42
Berlin Hbf
13:05
München Hbf
ICE 624Platform 7

Transit Ticket

ticket3

Train or bus stub with departure and arrival stations bridged by an arrow, plus service and platform.

No.0427
RaffleAnnual Gala RaffleDraw · Jun 14

Raffle Ticket

ticket4

Numbered stub on the left with a tabular-nums draw number, paired with the raffle title and draw date.

BUG-1432In Progress

Login fails on Safari 17 after the OAuth redirect

P1@ada2d

Issue Ticket

ticket5

Tracker-style card with issue ID, status pill, two-line title, and a footer of priority, assignee, and age.

ParkingP-2891
ABC 1234
Jun 14 · 14:32Level 2 · Spot B-08

Parking Stub

ticket6

Garage receipt with a Parking header, monospace plate, entry timestamp, and level and spot footer.

Your NumberA47
3 ahead of youEst. wait ~12 min

Queue Ticket

ticket7

Take-a-number stub with an oversized tabular call number and a footer of people ahead and estimated wait.

20% OFFCoffee & Pastries
BREW20Expires Jun 30

Discount Voucher

ticket8

Inverted promo header with the discount headline, then a redeem code and expiry date below the perforation.