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.
| Piece | Title | Category | Install |
|---|---|---|---|
| search5 | Filter Chips | Search | npx shadcn add https://ui.beste.co/piece/r/search5 |
| search4 | Typeahead Dropdown | Search | npx shadcn add https://ui.beste.co/piece/r/search4 |
| search3 | Command Palette | Search | npx shadcn add https://ui.beste.co/piece/r/search3 |
| search2 | Active Query | Search | npx shadcn add https://ui.beste.co/piece/r/search2 |
| search1 | Search Field | Input | npx shadcn add https://ui.beste.co/piece/r/search1 |
| receipt1 | Receipt Stub | Ticket | npx shadcn add https://ui.beste.co/piece/r/receipt1 |
| realestate10 | Closing Timeline | Realestate | npx shadcn add https://ui.beste.co/piece/r/realestate10 |
| realestate9 | Value Trend | Realestate | npx shadcn add https://ui.beste.co/piece/r/realestate9 |
| realestate8 | Walk Score | Realestate | npx shadcn add https://ui.beste.co/piece/r/realestate8 |
| realestate7 | Energy Rating | Realestate | npx shadcn add https://ui.beste.co/piece/r/realestate7 |
| realestate6 | Lease Card | Realestate | npx shadcn add https://ui.beste.co/piece/r/realestate6 |
| realestate5 | Realtor Card | Realestate | npx shadcn add https://ui.beste.co/piece/r/realestate5 |
| realestate4 | Neighborhood Stats | Realestate | npx shadcn add https://ui.beste.co/piece/r/realestate4 |
| realestate3 | Open House | Realestate | npx shadcn add https://ui.beste.co/piece/r/realestate3 |
| realestate2 | Mortgage Calculator | Realestate | npx shadcn add https://ui.beste.co/piece/r/realestate2 |
| realestate1 | Listing Card | Realestate | npx shadcn add https://ui.beste.co/piece/r/realestate1 |
| progress14 | XP Level Bar | Progress | npx shadcn add https://ui.beste.co/piece/r/progress14 |
| progress13 | Rating Distribution | Progress | npx shadcn add https://ui.beste.co/piece/r/progress13 |
| progress12 | Skeleton Loader | Progress | npx shadcn add https://ui.beste.co/piece/r/progress12 |
| progress11 | Storage Quota | Progress | npx shadcn add https://ui.beste.co/piece/r/progress11 |
| progress10 | Streak Counter | Progress | npx shadcn add https://ui.beste.co/piece/r/progress10 |
| progress9 | Success Check | Progress | npx shadcn add https://ui.beste.co/piece/r/progress9 |
| progress8 | Gauge | Progress | npx shadcn add https://ui.beste.co/piece/r/progress8 |
| progress7 | Vertical Fill | Progress | npx shadcn add https://ui.beste.co/piece/r/progress7 |
Filter Chips
Multi-filter search bar with removable token chips inline with the placeholder.
Typeahead Dropdown
Search input with a dropdown of autocompletions that bolds the matched substring.
Command Palette
⌘K modal with a query bar, three typed results, and a keyboard-hint footer at the bottom.
Active Query
Focused search input with a typed query, blinking caret, hit counter, and clear button.
Search Field
Static search affordance with a lucide icon, placeholder, and an optional shortcut chip on the right.
- Latte$4.50
- Croissant$3.25
- Mineral water$2.00
Receipt Stub
Thermal receipt with a merchant header, itemized lines, a total row, and a jagged torn edge at the bottom.
Closing Timeline
Escrow-style closing timeline with done, current, and upcoming markers linked by a colored rail.
Value Trend
Estimated value card with a 1y trend pill, big current value, and a light green mini line chart.
Walk Score
Location insights card with an emerald score disc, narrative line, and a transit/park/school row list.
Energy Rating
Energy-efficiency card with an emerald letter tile, score fraction, and an annual savings caption.
Lease Card
Rental lease summary with an amber key tile, bold monthly rent, deposit note, and lease start line.
Realtor Card
Agent profile with gradient avatar, star rating, deals-closed chip, and a dark call-phone button.
Neighborhood Stats
Area snapshot card with median price, emerald year-over-year trend pill, days on market, and listings.
Open House
Open-house invite with an amber door icon, date window, RSVP count, and realtor host footer.
Mortgage Calculator
Loan estimate card with a four-cell input grid for price, down, rate, term, and a bold monthly total.
For sale$1,240,000Listing Card
Property listing with a warm gradient photo, status pill, save heart, price chip, and beds/baths footer.
XP Level Bar
Trophy tile beside a level badge and an XP fraction over a sunset gradient fill bar.
Rating Distribution
Five stacked rows mapping 5–1 stars to amber fill bars and the percentage for each tier.
Skeleton Loader
Card skeleton with an optional avatar placeholder and shimmer lines of varied widths.
Storage Quota
Drive icon beside a label, a thin usage bar, and a used-of-total caption that retints as it fills.
Streak Counter
Sunset gradient card with a flame glyph beside a big day count and a longest-streak caption.