Card pieces from Beste UI, drop-in widgets built with shadcn/ui and Tailwind CSS.
| Piece | Title | Category | Install |
|---|---|---|---|
| card13 | Billing Toggle | Card | npx shadcn add https://ui.beste.co/piece/r/card13 |
| 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 |
Plan picker with a monthly vs yearly pill toggle, dynamic price, and a savings chip on the yearly side.
Highlighted plan with a gradient border, Most popular badge on top, and a filled gradient CTA button.
Standard plan tile with a uppercase name, big price, tagline, four feature bullets, and an outline CTA.
Compact commerce tile with a warm gradient thumbnail, overlay tag, save heart, and a strikethrough original price.
Package icon paired with an order ID, item count, a colored status dot, and an optional ETA.
Pricing tier with a headline amount, period, and a stack of check-marked features. Featured tier flips to primary.
/v1/payment_intentsHTTP method chip paired with a monospace path and a short summary line.
Bell icon with a rose count badge and an optional label. Counts over 99 clamp to 99+.
Checkable todo row with priority chip and due caption. Done tasks strike through.
Avatar with name, role, and a presence dot in emerald, amber, or slate.