Pieces(1076)

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.

API Gateway
Operational99.98%

Service Status

Compact service health row with operational state, pulsing dot, and uptime percentage on the right.

Vacation fund
$2,480of $5,000

Savings Goal

Gradient piggy bank beside a saved-over-goal readout and a thin progress bar underneath.

Split bill$248.60
AKMÖSBJD
4 ways$62.15 each

Split Bill

Bill total header above an overlapping avatar stack with the per-person share on the right.

Groceries$284 / $450

Budget Bar

Category row with spent over budget caption and a progress bar that colors emerald, amber, or rose as it fills.

Withdrawn
200USD

Cash Withdrawal

Dashed-border card with an emerald cash bubble, a status label, and a bold amount with currency.

Invoice#INV-20481
  • Block license2 × $49.00$98.00
  • Support hours4 × $35.00$140.00
Subtotal$238.00
Tax$47.60
Total$285.60

Invoice Summary

Compact invoice card with an ID header, line items, and a subtotal, tax, and total block at the bottom.

AAPLApple Inc.
$218.42
+1.8%

Stock Ticker

Ticker row with symbol, company, price, a tiny sparkline, and a signed percentage delta.

VISA
••••••••••••4242
Deniz Arslan08/28

Credit Card

1.586 aspect payment card with a gradient body, gold chip, masked digits, holder name, and expiry.

Stripe payout
IncomeToday · 09:14
+$3,240.00

Transaction Row

Directional arrow bubble beside a merchant name, category and date meta, and a signed amount on the right.

Available balance
12,459.20USD

Wallet Balance

Gradient wallet card with an uppercase label, big balance, and currency code.

USD1.00
EUR0.92
1 USD = 0.92 EUR

Exchange Rate

Two currency columns linked by an arrow, with a rate caption beneath.

BTC
Bitcoin$67,420.30
+2.4%

Crypto Ticker

Round symbol tile, asset name and price, plus a signed 24h delta with trend arrow.

ISO 4001/250sf/2.8

Camera Viewfinder

Viewfinder with rule-of-thirds grid, four corner brackets, a focus ring, and a REC indicator with ISO readout.

Album art

Vinyl Record

Spinning black disc with concentric grooves and a round album label at the center. Gradient fallback when no image.

Live event sceneLive1.2KLaunch Week · Day 3

Live Stream Card

Video thumbnail with a pulsing LIVE pill, viewer count, and a title caption at the bottom.

Portrait 1
Portrait 2
Portrait 3
Portrait 4

Photo Booth Strip

Four square portraits stacked in a white paper strip, tilted slightly for a classic booth feel.

Sunset · 055 colors
0f172a7c3aede11d48f97316facc15

Color Palette

Moodboard-style palette card with a title, a gapless swatch strip, and hex codes beneath each color.

Podcast cover art
The Quiet Startup
Ceren Yıldırım48 min

Podcast Episode

Artwork with a mic overlay, episode title, host and duration, plus a round play button on the right.

AK
MÖ
SB
JD

Story Rings

Row of avatars wrapped in sunset gradient rings. Seen stories fade to muted.

Midnight SynthA

Cassette Tape

Classic cassette silhouette with a colored label strip, two spoked hubs, and a tape window.

Mountain lake
Forest canopy
Alpine ridge

Photo Stack

Three polaroid photos fanned out at different rotations and offsets, stacking left to right.

Soft lit studio
Night DriveLumen

Album Cover

Square artwork with a bold title and artist name below. Gradient tone fallback when no image.

Mountain ridge in warm light
Summer '26

Polaroid Photo

White-bordered photo frame with a gradient still and an italic caption below. Tilts slightly left.

Sunlight through a forest canopy2:48Product tour

Video Thumbnail

Gradient thumbnail with a circled play button and duration badge.

Markdown version