Pieces(1059)

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.

LisbonNow

21°C

Clear sky

Forecast Cycle

Forecast card that walks through the next few hours on its own, swapping the temperature with a soft rise while the sun turns, clouds drift, and rain falls.

Preparing upload
album-cover.png2.4 MBQueued
liner-notes.pdf860 KBQueued
session-take-03.mp448 MBQueued

Upload Queue

Three queued files whose progress bars fill one after another, each settling into a green check while the header counts up to all files uploaded.

BA 117In flight
LHR09:40 · London
JFK12:50 · New York
Landing in 2h 10m0%

Flight Progress

Flight card with a small plane gliding along the arc between two airports as the dotted trail fills behind it and the landing countdown ticks toward Landed.

00:00Recording screen

Recording Bar

Floating capture bar with a pulsing record dot, a timer counting the take, and a level meter whose bars keep dancing.

Blue Note Sessions

Sat 12 Oct, 20:30

Row C, Seat 14Erykah Badu

Hold the code under the scanner

Ticket Scan

Event ticket whose barcode is swept by a scanner line until it clears, flips to a checked in confirmation, then resets for the next guest.

beste-web / production
09:14:02Cloning repository main@8f2c1d

Deploy Log

Streaming build log where timestamped lines append every half second and older ones slide up out of view, with warnings in amber and successes in green until the deploy lands.

Command Run

Dark terminal that types a command after the prompt, prints its output line by line up to a green success line behind a blinking block cursor, then clears and runs again.

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.

Markdown version