Pieces/Dashboard(33)

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

Revenue$48.2K
  • Subscriptions
    52%
  • One-time
    28%
  • Add-ons
    14%
  • Refunds
    6%

Donut Breakdown

Revenue split card with an SVG donut on the left showing weighted slices and a percentage legend on the right.

Events this week2,840
Mon
Tue
Wed
Thu
Fri
Sat
Sun

Weekly Bars

Seven vertical bars for a rolling week with muted fills for past days and a tone-saturated bar for today's total.

Date Range Toolbar

Dashboard filter bar with a primary date-range button, a comparison-period dropdown, and a segment filter toggle.

Visit
12,400
Sign-up
3,42072%
Active
1,98042%
Paid
62069%

Funnel

Conversion funnel stages where each row's bar narrows against the top stage and a rose drop-off percentage marks churn.

Top sources
1Direct
4,820
2Google
3,610
3Twitter
1,890
4Referral
980

Top List

Ranked list where each row's background bar fills proportionally to its value, with index and count on either end.

Activity
Ada Lovelacejoined
2m
Marcus R.created Project Orion
14m
Priya S.edited Onboarding doc
1h
Tomás L.archived Q1 specs
3h

Activity Feed

Recent-events list with semantic action icons (create, update, delete, signup) and a relative timestamp on the right.

Revenue$48.2K
Orders1,284
Users9.4K
Events62.1K

Widget Grid

Two-by-two KPI grid where each cell carries a tone-tinted icon tile, label, and monospaced value.

Active users+6.8%
4,821

Sparkline Card

Compact metric card with a large value, delta percentage, and an SVG sparkline with a tone-colored stroke and faint area fill.

MRR$48.2K
+12.4%vs last month

KPI Tile

Single-metric card with a large value, semantic delta pill that flips emerald for gains and rose for losses, and a comparison period.

Markdown version