Pieces

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.

Open house
Open house · 221B Riverside
Sat, May 4 · 11:00 – 14:0018 RSVPs
Hosted by Sofia Romano, Realtor

Open House

realestate3

Open-house invite with an amber door icon, date window, RSVP count, and realtor host footer.

Levent · Istanbul+4.2% YoY
$1.08M median
18 avg days on market142 active listings

Neighborhood Stats

realestate4

Area snapshot card with median price, emerald year-over-year trend pill, days on market, and listings.

Sofia Romano
Sofia RomanoRiverside Realty · Broker4.9· 42 deals closed

Realtor Card

realestate5

Agent profile with gradient avatar, star rating, deals-closed chip, and a dark call-phone button.

Lease · 221B Riverside Ave #3Tenant · Beste Sözen
Monthly$3,400 / mo
$3,400 depositStarts Jun 1, 2026 · 12-month term

Lease Card

realestate6

Rental lease summary with an amber key tile, bold monthly rent, deposit note, and lease start line.

ARated
Energy efficiency92 / 100~$1,820 annual utility savings

Energy Rating

realestate7

Energy-efficiency card with an emerald letter tile, score fraction, and an annual savings caption.

92
Walk scoreWalker's paradise · most errands don't require a car.
Metro · Levent3 min walk
Emirgan Park8 min walk
Austrian Lycée12 min walk

Walk Score

realestate8

Location insights card with an emerald score disc, narrative line, and a transit/park/school row list.

Estimated value+4.2% 1y
$1,240,000+28.7% 5y

Value Trend

realestate9

Estimated value card with a 1y trend pill, big current value, and a light green mini line chart.

Closing timeline
Offer acceptedApr 20
InspectionApr 29
AppraisalMay 6
ClosingMay 22

Closing Timeline

realestate10

Escrow-style closing timeline with done, current, and upcoming markers linked by a colored rail.

Packer's Coffee*** RECEIPT ***
  • Latte$4.50
  • Croissant$3.25
  • Mineral water$2.00
TOTAL$9.75

Receipt Stub

receipt1

Thermal receipt with a merchant header, itemized lines, a total row, and a jagged torn edge at the bottom.

Search anything...

Search Field

search1

Static search affordance with a lucide icon, placeholder, and an optional shortcut chip on the right.

design tokens42

Active Query

search2

Focused search input with a typed query, blinking caret, hit counter, and clear button.

launchesc
Launch plan Q2Docs
launch-prepChannel
Laura NgLaunch lead
↑↓ to navigate

Command Palette

search3

⌘K modal with a query bar, three typed results, and a keyboard-hint footer at the bottom.

ship
shipping address
shipping labels API
shipping zones setup

Typeahead Dropdown

search4

Search input with a dropdown of autocompletions that bolds the matched substring.

status: openpriority: highlabel: bugSearch issues…

Filter Chips

search5

Multi-filter search bar with removable token chips inline with the placeholder.

Search workspace…
Recent
invoice template
onboarding checklist
Q1 roadmap
kickoff notes

Recent Searches

search6

Popover that opens on focus and lists prior queries with a clock icon and remove control.

No results for invioceTry fewer keywords or check spelling.

No Results

search7

Empty-state card echoing the failed query with a did-you-mean link and a retry tip.

Find last month's sales reportListening…

Voice Search

search8

Pill-shaped voice input with a pulsing mic, live transcript, and a waveform visualizer.

Summarize last week's support tickets

AI Prompt Bar

search9

Gradient-bordered prompt input with a sparkle icon and a tinted Ask AI action button.

mira
Files
mira-handoff.figFigma
brand-mira.pdfDoc

Grouped Results

search10

Command menu with two sectioned buckets of results, each prefixed by a category label.

design tokens
Searching across 42 workspaces…

Loading Results

search11

Search popover mid-query with a spinner in the input and three shimmering skeleton rows.

Search over 12,000 templates…
Try “marketing landing”, “saas pricing”, or “portfolio”.

Hero Search

search12

Pill-shaped hero search bar with an embedded solid CTA button and a helper caption below.

onboarding

Tabbed Results

search13

Search header with category tabs that show per-tab counts and an underline for the active one.

Search docs and guides…
Trending

Trending Queries

search14

Search field followed by a row of trending query chips led by a small flame label.

Search issues, docs, and threads…

Scoped Search

search15

Combined control with a left scope dropdown and a wider query input sharing a single pill.