Pieces(989)
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.
Paste From Clipboard
Dashed panel encouraging a paste gesture, with a tinted clipboard tile and ⌘V hint chip.
Camera Capture
Dark viewfinder mock-up with corner brackets, a live dot, and a large circular capture button.
Cloud Sources
Vertical source picker with branded tiles, account hints, file counts for connected services, and a Connect pill for the rest.
Formats Drop Zone
Upload prompt that lists accepted formats as mono pills beside a size-limit caption.
URL Import
Link-prefixed text field with a joined import button for pasting shareable URLs.
Cover Uploader
Gradient banner placeholder that prompts a cover image with size hint and inset dashed border.
Avatar Uploader
Circular avatar with a dark camera button on the corner that invites a new profile photo.
Drag Over State
Highlighted drop surface tinted sky with a pulsing wash, download chip, and release-to-upload cue.
Compact Attach
Single-line upload affordance with a paperclip icon, prompt copy, and a trailing browse button.
Drop Zone
Dashed upload surface centered on a cloud icon, with headline, subtitle, and a select button.
File Upload Card
File tile with icon, name, size, and an inline progress bar.
Driving Directions
Step-by-step driving panel with emerald start, sky turn, and rose end markers linked by a vertical rail.
eSIM Plan
Traveler eSIM card showing carrier, plan, data-used fraction pill, and a progress bar toward the total allowance.
Place ETA
Minimal place row showing name, distance, and an ETA pill with an optional travel-mode caption.
Phrase Guide
Quick language helper with English meaning, native script, and romanized transliteration per row.
Currency Converter
Foreign-exchange card with a source-to-target amount swap, a rate row, and a trend pill on the right.
Packing List
Trip packing checklist in two columns, showing a fraction of done items at the top and strikethroughs.
Trip Weather
Per-day weather strip for an upcoming trip with emoji glyphs, high/low, and an amber packing tip.
Multi-City Route
Minimal multi-stop route with airport codes joined by thin connectors and a caption beneath each hop.
Amenities Grid
Property features card laying out amenities as a two-column grid of sky-dot prefixed chips.
Cancellation Policy
Emerald policy card showing a big refund line, the cancel-by window, and a tapered note below.
Baggage Summary
Passenger baggage card with item rows, per-row included or paid pills, and a total allowance footer.
