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.

Last 30 days
Revenue$128,400
+12.4%

KPI Ticker

Single-row stat card that flips through revenue, signups, churn and NPS like a departure board, each row sliding up and out as the next one rises in with its delta pill.

Active listeners
24,810-178
Updating every few seconds

Rolling Counter

Live metric whose digits roll like an odometer each time the value changes, with a delta pill that pops in beside the number.

Recent signupsLive
Nina SimoneJust now

Berlin · just signed up

Miles Davis1 min ago

New York · just signed up

Björk3 min ago

Reykjavik · just signed up

Signup Feed

Recent-activity feed where a new signup card drops in at the top every couple of seconds, nudging the older ones down until the oldest fades away. Rows take a photo when one is given and fall back to initials.

Orbit Loader

Three dots circle a breathing core at their own speeds inside a slowly counter turning dashed ring, a calm stand in for a busy state.

Search people

Nina Simone

Vocals, piano

Miles Davis

Trumpet

Herbie Hancock

Keys

Joni Mitchell

Guitar, vocals

Erykah Badu

Vocals

Showing 3 of 5 results

Typing Search

A query gets typed out letter by letter while the list filters live, highlighting the matched text and collapsing rows that no longer fit, then clears and tries another search. Rows take a photo when one is given and fall back to initials.

Beste RecordsOrder 4821
Blue Note Vinyl$34.00
Tote Bag$18.00
Espresso$4.50
Tax$4.52
Total$61.02

Printing Receipt

A paper slip that slides out of a printer slot, revealing line items down to a serrated edge, then highlights the total once the print finishes.

Syncing library0%

Segment Loader

A row of pill segments fills left to right beside a live percentage, flashes a check at one hundred, holds for a beat, and starts over.

Storage used
0%
82 GB of 100 GB, upgrade before Friday

Ring Fill

Circular progress ring that draws itself from zero to the target on mount while the centre percentage counts up in step, then holds.

Notifications

All caught up

Nothing new right now

Bell Bump

Every couple of seconds the bell wiggles, the unread badge pops up by one, and a one-line preview fades in beneath, resetting once it reaches five.

Changes saved

Your profile is up to date.

Toast Queue

Bottom-right toasts slide in from the edge, stack three high, and the oldest slides out and collapses to make room as new ones keep arriving.

Nina Simonenow

Can you review the chorus mix before tonight?

Incoming Stack

Notifications drop in from the top and push the older ones back into a shrinking, fading stack, the way a phone lock screen piles them up.

12 open projects, 3 due this week

Sliding Tabs

Segmented tab bar whose active pill glides from tab to tab on a timer while the summary line beneath cross-fades to match.

web-01fra1
CPU42%
MEM61%
web-02iad1
CPU67%
MEM58%
worker-01sfo1
CPU23%
MEM74%

Server Pulse

Three server rows whose CPU and memory bars breathe with fresh readings every second, turning amber and red past their thresholds beside a live status dot.

API99.98% uptime
Last 90 daysUpDegradedDown

Uptime Grid

Grid of uptime cells that light up green in reading order with a couple of amber and red blips at fixed spots, then holds, fades, and fills again.

API latency122ms
p95 155ms

Live Latency Bars

Streaming bar chart that pushes a fresh sample every few hundred milliseconds, flags spikes in amber, and keeps a rolling p95 in the corner.

beste
Card ending 4417
Card holderHerbie Hancock
Expires09/29

Card Reveal

Payment card that swings in from a slight 3D angle, uncovers its masked number one group at a time, and fades in the holder name and expiry last.

MarketsLive
  • BTCBitcoin
    64,120.50+0.00%
  • ETHEthereum
    3,412.20+0.00%
  • AAPLApple
    189.35+0.00%

Price Ticker

Three market rows that drift on a random walk, each updated price flashing green or red for a beat while its percent pill pops to the new value.

TransferReady
NSNina Simone
MDMiles Davis
$250.00 to Miles Davis

Transfer Flow

The amount hops out of the sender's tile and arcs along a filling track, then lands with a ring and floats a credit chip above the recipient.

Available balance
$12,480.50
Income$0.00
Spending$0.00

Balance Reveal

Balance card that counts its big figure up from zero with an ease-out curve, then brings income and spending in behind it, each counting up to its own total.

Pay Beste Studio$128.00
USD
Visa•••• 4417
Encrypted checkout

Payment Processing

Checkout sheet whose pay button turns into a spinner, then a green check with a ring rippling out of it, before resetting for the next run.

Ordinary People cover

Ordinary People

Nina Simone

0:003:34

Waveform Scrub

Player whose waveform fills in bar by bar as the track plays, with the elapsed time keeping pace, then starts the take over.

Feeling GoodNina Simone
0:002:57

Now Playing

Compact player whose progress bar creeps forward in time with the elapsed clock, then fades the title over to the next track when one finishes.

Trusted by product teams

StripeNotionSlackFigmaDropbox

Logo Marquee

Customer logos drift past in one endless seamless lane, softened at both edges so nothing pops in or out.

Fela Kuti

Heading to Studio B, 14 Kreuzberg St

12 minETA

Live Tracking

Map card on a faint street grid where a courier dot follows the plotted route while the ETA counts down to Arrived, pauses, and sets off again.

Markdown version