Agent tool chip
Three chips for a read, an edit, and a rule. Opening one shows a single line. The list does not expand.
Components
Feedback & status
022 pieces Sort
Room
Platform
Motion
Style
Phone rating prompt
An 'Enjoying Brindle?' sheet after a delivered order. Yes hands off to a generic five-star system review alert; Not really opens a private feedback form; Not now backs off.
M3 snackbar with undo
One Woldwalk snackbar, Trail archived, with Undo. A second archive replaces it. It sits above the home inset and leaves after 4 seconds.
Word-bank lesson card
A clay-style language lesson: tap tiles to build a sentence, Check turns into a green or coral banner, hearts drop on a miss, and an SVG flame counts the streak.
Undo toast
Archiving a yard note raises a dark toast with Undo. It leaves after six seconds unless undone.
Status badge
Four loads, four different states. Cleared, Held, Refused, and Booked each use their own wash and the ink that sits on that wash.
Saved banner
A confirmation that stays on the page after a save. One word at display size, one sentence, one button. Not a toast.
PWA outbox sync
An offline outbox sheet for a field-notes app: queued, sending, failed with retry, conflict with keep mine or theirs, and sent, sending one by one when signal returns.
Progress bar
Packing the rice, 5 of 8. Each click fills the bar by one bag. At 8 the button stops and the line says all the bags are packed.
Plain list empty
An empty runs list: a heading, one sentence, and one button. No illustration, no second action, no joke.
Phone notification centre
A Swiss phone notification list: Today, This week and Earlier groups, red unread dots, a three-way filter, tap to read, and Mark all read with a stagger.
Phone empty list
A phone list with zero runs. The screen name is a 13px label. The empty heading is 28px. One 44px button.
Payment received banner
An in-app banner for money in: the amount counts up, the balance follows, View receipt unfolds a slip, Split opens a sheet, and a grouped stack fans out on tap.
Lock screen delivery live update
A lock-screen live activity for a delivery: ETA countdown, four-stage track with a moving scooter, an expandable map, courier actions and an arrival hand-off.
Inline alert
One warning on the dispatch page: Gate 2 closes at 18:00. Dismiss removes it. Three swatches below are the other tones, not three more alerts.
Incoming call banner
A ringing call banner over an agenda app that expands into a full-screen call: slide to answer, decline with a quick reply, live timer, minimise to a pill.
Hold to log, streak and confetti
A reading-streak screen: press and hold to log today, the streak digits roll from 11 to 12, today's dot fills, and one short, restrained confetti burst fires.
Deploy status notification
A dark corner toast that follows a deploy from build to checks to live, with steps, commit hash, a live log line, open preview and a confirmed rollback.
Toast stack
Bottom-right toasts that stack like cards (scale .96/.92, 12px offsets), expand on hover, drain a 2px progress hairline over 5s and pause while you look at them.
PWA update toast
A 'New version available' toast rises above the bottom nav with a Reload action and a 10s countdown ring; Reload sweeps a lime panel over the screen showing v2.4.1, then reveals the updated app.
PWA connectivity banner
A 40px offline banner with a pulsing dot slides under the status bar, cached rows get a tag while uncached rows grey out; reconnecting flips it green and retracts it after 2s.
Empty state with line illustration
An inbox empty state whose line-drawn SVG draws itself over 1.2s, with a heading, one line of guidance, two actions and a transition into a populated list.
No pieces match those filters. and try again.