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.

Master services agreement

MSA-2291

Nina SimoneAwaiting signature

Signature Draw

A contract signs itself: the signature strokes onto the dotted line, then the signed badge and timestamp fade in behind it.

⌘ plus K: Open command palette

Shortcut Press

Keycaps press down one after another, their shadows shrinking as they sink, and the matching action label fades in beside them before the next shortcut takes a turn.

Choose a password
0 characters entered
  • At least 8 characters
  • Contains a number
  • Contains a symbol

Password Strength

Masked characters type into the field while a four-segment meter climbs from rose through amber to emerald and each rule in the checklist ticks green, then it clears and starts over.

Verification codeSent to hello@beste.co
Enter the 6-digit code

OTP Autofill

Six code boxes fill one by one behind a moving caret, shake in rose when the first code is wrong, then refill with the right one and settle into an emerald verified state.

Building

Status Morph

Deployment pill that morphs from Building to Deploying to Live, its width easing to fit each label while the text cross-fades and the colour shifts.

62bpm

Heartbeat Trace

A bpm figure drifting the way a real reading does, a heart glyph beating beside it, and an ECG line scrolling past underneath without a seam.

How was your experience?

Thanks for the feedback!

Tap a star to rate

Rating Prompt

A pointer sweeps across five stars, lighting them up as it passes, pops the fourth one to choose it, and the prompt crossfades into a thank-you line before the loop restarts.

Create your workspace

Form Autofill

Name, email and company get typed in one after another behind a caret, then the Continue button spins through a loading state and morphs into an emerald check that says you're in.

Order #1284

Table 6

Received
  • Miso ramen x2
  • Gyoza x1
  • Iced matcha x2

Kitchen Ticket

A kitchen order walks itself from received to ready, swapping the status pill and puffing steam over the tile while it cooks.

Doors open in

00:15:00

Early access closes when the clock hits zero.

Flip Countdown

Split-flap countdown on a dark panel: each second the changing digits fold over with a top-half flip, then the clock rests at zero and starts again.

Launch notes

The beta opens to the waitlist on Monday.

Support has the new macros ready.

Pricing page copy is locked.

Collab Cursors

Two named carets share a document: one hops between finished lines while the other types a new sentence at the bottom, over and over.

Revenue by planThis quarter

$0total

  • Enterprise49%
  • Pro31%
  • Starter14%
  • Add-ons7%

Donut Sweep

The total counts up while the donut draws one slice after another, each legend row sliding in as its arc lands.

Order 4821In transit
  1. OrderedMon 09:12
  2. PackedMon 14:40
  3. ShippedTue 08:05
  4. Out for deliveryWed 07:30
  5. DeliveredWed 11:52

Order Tracking

Vertical delivery timeline where each stop lights up in turn as the connector fills downward and a timestamp fades in, pausing on Delivered before it replays.

Limited Press Vinyl
$42.00Only 24 left
0 of 24 soldSelling fast

Stock Countdown

Product card whose stock bar shrinks a few units at a time as the Only N left badge warms from neutral to amber to rose, sells out, then restocks.

1Cart
2Shipping
3Payment
4Done
Two itemsBlue Note Vinyl, Tote BagSubtotal $58.00
Nina Simone12 Jazz Lane, New OrleansExpress, arrives Thursday
Visa ending 4417Billing matches shippingTotal $64.50
Order 4821 placedConfirmation sent to hello@beste.co

Checkout Steps

Four-step checkout stepper: the connector fills toward the next node while each summary panel slides in from the right, ending on a placed order with a check.

Your cart is empty
Blue Note Vinyl$34.00

Add to Cart

Product row whose Add button presses itself, sends a dot arcing up to the cart icon, and bumps the badge count on every landing before the cart empties again.

checkout.test.tsRunning
  • renders cart summary
  • applies coupon code
  • rejects expired coupon
  • calculates shipping
  • charges saved card
0 passed, 0 failed0 of 5

Test Runner

Test list that runs top to bottom, each spinner resolving into a green check or a red cross while the summary counts passes and failures and a thin bar tracks progress.

pricing.ts0 added, 0 removed
import { coupon } from "./coupon"
 
export function total(cart: Cart) {
  const sum = cart.lines.reduce(add, 0)
  return sum
  const sum = cart.lines.reduce(add, 0)
  const discount = coupon(cart, sum)
  return sum - discount
}

Diff Reveal

Code diff whose removed and added lines slide into place one after another on mount, with the header tallying added and removed counts as they land.

Studio team3 online
  • Nina SimoneOnline
  • Miles DavisIn a call
  • BjörkAway
  • Patti SmithOnline
  • Fela KutiOffline

Presence Roster

Compact team list where one member at a time changes presence: dots recolor, status text fades in, and the online count in the header keeps pace.

Soundcheck moved to 5pm, see you all there.

16:08Sending

Delivery Ticks

Outgoing bubble that walks through sending, sent, delivered and read: ticks swap in under the timestamp and a small seen-by row slides in at the end before the cycle restarts.

Erykah Badu
0:00 / 0:14

Voice Message

Voice note bubble with a fine waveform that swells to full height near the end, taking the accent color bar by bar as the playhead and timer advance.

Prince

Album art is final. Dropping the single Friday at midnight.

Reaction Burst

Emoji reactions spring onto a message one after another while their counts tick upward, hold for a beat, then clear and play again.

Nina SimoneActive now

Typing Conversation

Two-person thread that plays out once: a typing indicator bounces before each incoming reply, bubbles slide up as they land, and the finished conversation stays put.

Most played right nowLive
Nina Simone
8,420
Miles Davis
7,910
Björk
7,280
plays, updates every 1.6s

Bar Race

Horizontal bars whose values keep drifting, so rows glide up and down to their new rank while the bars stretch and shrink underneath.

Markdown version