Pieces/Card(37)

Card pieces from Beste UI, drop-in widgets built with shadcn/ui and Tailwind CSS.

$15/ mo
Billed annually. Cancel anytime.

Billing Toggle

Plan picker with a monthly vs yearly pill toggle, dynamic price, and a savings chip on the yearly side.

Growth
$48/ mo
For teams growing past launch.
Unlimited editors
250 GB storage
Realtime analytics

Featured Tier

Highlighted plan with a gradient border, Most popular badge on top, and a filled gradient CTA button.

Starter
$12/ mo
Everything a small team needs to ship.
Up to 5 editors
25 GB asset storage
Weekly analytics email
Community support

Pricing Tier

Standard plan tile with a uppercase name, big price, tagline, four feature bullets, and an outline CTA.

Linen boucle cushionLimited run
Linen boucle cushion
$48$64

Product Card

Compact commerce tile with a warm gradient thumbnail, overlay tag, save heart, and a strikethrough original price.

#BES-20481· 3 items
Shipped· Arrives Fri

Order Status

Package icon paired with an order ID, item count, a colored status dot, and an optional ETA.

Studio
$39per month
  • 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.

POST/v1/payment_intents
Create a payment intent

API Endpoint Card

HTTP method chip paired with a monospace path and a short summary line.

12
12 unread

Notification Bell

Bell icon with a rose count badge and an optional label. Counts over 99 clamp to 99+.

Review Q2 roadmap with design team
HighDue Tomorrow

Task Card

Checkable todo row with priority chip and due caption. Done tasks strike through.

Merve ÖzkanProduct Designer

User Profile Card

Avatar with name, role, and a presence dot in emerald, amber, or slate.

$49$89
45%

Pricing Tag

Sale price next to a struck-through original, with a rose discount badge.

Revenue · 30d$48.2k

Sparkline Card

Mini SVG line plotting any number array. Tone sets the stroke color.

Monthly revenue
$12,459+24%

Metric Card

KPI label, a bold value, and a signed percentage trend badge.

Markdown version