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 |
|---|---|---|---|
| card12 | Featured Tier | Card | npx shadcn add https://ui.beste.co/piece/r/card12 |
| card11 | Pricing Tier | Card | npx shadcn add https://ui.beste.co/piece/r/card11 |
| card10 | Product Card | Card | npx shadcn add https://ui.beste.co/piece/r/card10 |
| card9 | Order Status | Card | npx shadcn add https://ui.beste.co/piece/r/card9 |
| card8 | Plan Card | Card | npx shadcn add https://ui.beste.co/piece/r/card8 |
| card7 | API Endpoint Card | Card | npx shadcn add https://ui.beste.co/piece/r/card7 |
| card6 | Notification Bell | Card | npx shadcn add https://ui.beste.co/piece/r/card6 |
| card5 | Task Card | Card | npx shadcn add https://ui.beste.co/piece/r/card5 |
| card4 | User Profile Card | Card | npx shadcn add https://ui.beste.co/piece/r/card4 |
| card3 | Pricing Tag | Card | npx shadcn add https://ui.beste.co/piece/r/card3 |
| card2 | Sparkline Card | Card | npx shadcn add https://ui.beste.co/piece/r/card2 |
| card1 | Metric Card | Card | npx shadcn add https://ui.beste.co/piece/r/card1 |
| calendar30 | Sunrise Sunset | Calendar | npx shadcn add https://ui.beste.co/piece/r/calendar30 |
| calendar29 | Month Pill | Calendar | npx shadcn add https://ui.beste.co/piece/r/calendar29 |
| calendar28 | Roadmap Timeline | Calendar | npx shadcn add https://ui.beste.co/piece/r/calendar28 |
| calendar27 | Meeting Density | Calendar | npx shadcn add https://ui.beste.co/piece/r/calendar27 |
| calendar26 | Meeting Start | Calendar | npx shadcn add https://ui.beste.co/piece/r/calendar26 |
| calendar25 | Quick Create | Calendar | npx shadcn add https://ui.beste.co/piece/r/calendar25 |
| calendar24 | Out Of Office | Calendar | npx shadcn add https://ui.beste.co/piece/r/calendar24 |
| calendar23 | Holiday Card | Calendar | npx shadcn add https://ui.beste.co/piece/r/calendar23 |
| calendar22 | Upcoming Events | Calendar | npx shadcn add https://ui.beste.co/piece/r/calendar22 |
| calendar21 | Reservation Detail | Calendar | npx shadcn add https://ui.beste.co/piece/r/calendar21 |
| calendar20 | Reminder List | Calendar | npx shadcn add https://ui.beste.co/piece/r/calendar20 |
| calendar19 | Day Planner | Calendar | npx shadcn add https://ui.beste.co/piece/r/calendar19 |
Featured Tier
Highlighted plan with a gradient border, Most popular badge on top, and a filled gradient CTA button.
Pricing Tier
Standard plan tile with a uppercase name, big price, tagline, four feature bullets, and an outline CTA.
Limited runProduct Card
Compact commerce tile with a warm gradient thumbnail, overlay tag, save heart, and a strikethrough original price.
Order Status
Package icon paired with an order ID, item count, a colored status dot, and an optional ETA.
- Unlimited blocks
- Team workspaces
- Priority support
Plan Card
Pricing tier with a headline amount, period, and a stack of check-marked features. Featured tier flips to primary.
/v1/payment_intentsAPI Endpoint Card
HTTP method chip paired with a monospace path and a short summary line.
Notification Bell
Bell icon with a rose count badge and an optional label. Counts over 99 clamp to 99+.
Task Card
Checkable todo row with priority chip and due caption. Done tasks strike through.
User Profile Card
Avatar with name, role, and a presence dot in emerald, amber, or slate.
Sparkline Card
Mini SVG line plotting any number array. Tone sets the stroke color.
Sunrise Sunset
Sun-schedule card with sunrise and sunset mono times flanking a large daylight duration in the center.
Month Pill
Compact month summary pill with today tile on the left, a dotted event indicator, and a plus button.
Roadmap Timeline
Quarterly roadmap strip with violet-ringed milestone dots spaced along a rail and labels underneath.
Meeting Density
Month-long sky-shaded heatmap that darkens with meeting load, paired with a quiet-to-packed legend.
AK
NAMeeting Start
Imminent meeting banner with a sky Join button and stacked attendee avatars ringed by RSVP status.
Quick Create
Two-column grid of preset meeting templates, each showing the label and its intended time slot.
Out Of Office
OOO strip where days tint amber for half-days and rose with strikethrough for full out-of-office days.
Holiday Card
Upcoming-holiday strip with a rose book tile, country caption, and a mono date chip on the right.
Upcoming Events
Compact upcoming-events list with warm gradient day-card tiles on the left and truncated titles.
Reservation Detail
Reservation card with a status pill, confirmation code, check-in/out split, party size, and total price.