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.
League header above a home and away matchup, with a stadium footer of section, row, seat, gate, and tip-off.
Inverted promo header with the discount headline, then a redeem code and expiry date below the perforation.
Take-a-number stub with an oversized tabular call number and a footer of people ahead and estimated wait.
Garage receipt with a Parking header, monospace plate, entry timestamp, and level and spot footer.
Login fails on Safari 17 after the OAuth redirect
Tracker-style card with issue ID, status pill, two-line title, and a footer of priority, assignee, and age.
Numbered stub on the left with a tabular-nums draw number, paired with the raffle title and draw date.
Train or bus stub with departure and arrival stations bridged by an arrow, plus service and platform.
Cinema stub with title and seat on top, then a dashed split into a date row and a screen format pill.
Place name with star rating, review count, and category, finished by an open or closed status pill and hours.
Vertical origin to destination route with emerald and rose dots joined by a connector, plus distance and duration.
Latitude and longitude in tabular monospace, separated by a dashed line from the resolved place name.
Plain text address block with an uppercase label, two street lines, city and postal, and a muted country.
Compact street-map panel with city blocks, a park, a dotted walking route, and a tone marker pin, captioned by a place name and address line.
Dotenv listing with sky keys, italic muted comments, and grouped sections separated by blank lines.
HTTP request rendered as a curl invocation with method, URL, headers, and body across continued lines.
Multi-line SQL with violet keywords, emerald string literals, and amber numerics.
Error headline followed by a few stack frames with file paths and amber line and column numbers.
Action label paired with a row of monospace key caps joined by plus separators.
Pretty-printed JSON object with sky keys, emerald strings, and amber numerics.
Stacked import statements with destructured names and module paths in a quiet syntax palette.
const user = await fetchUser("42");Single-line snippet with keywords, strings, and function names colored by semantic token kind.
function greet(name) { return 'Hi ' + name; return `Hello, ${name}!`;}Compact diff card with added, removed, and context lines tinted in emerald and rose.