Pieces/Finance(21)

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

MRR$48.2k
+12% MoM

Recurring Revenue

Monthly recurring revenue with its growth and a tonal bar history.

Runway14 months
Balance$420k
Monthly burn$30k

Runway

Months of runway over a split of current balance and monthly burn.

Top spending
Rent$1,800
Groceries$640
Transport$220
Leisure$410

Spending Breakdown

Ranked categories, each with an amount and a bar sized to its share.

Credit scoreGood
742
300850

Credit Score

Score figure with a marker placed along its range and a rating word.

Pro plan
$24/mo
Next chargeJul 1, 2026

Subscription

Plan name with its recurring price and the date of the next charge.

High-yield savings
4.30%APY
Compounded daily, paid monthly

Interest Rate

Oversized rate with its unit and a short note on how it compounds.

Portfolio$52,840
+12.4%
Past 12 months

Performance

Value and return paired with a clean sparkline tracing the period's trend.

March
Income$8,420
Expenses$5,180
Net+$3,240

Cash Flow

Income and expense rules leading to an emphasized net figure for the period.

Allocation
Equities52%
Bonds24%
Cash14%
Crypto10%

Allocation

Portfolio split shown as a single tonal bar with a matching percentage legend.

Net worth$248,910
+4.2%this quarter

Net Worth

Headline total with a percentage change and the period it covers.

Vacation fund
$2,480of $5,000

Savings Goal

Gradient piggy bank beside a saved-over-goal readout and a thin progress bar underneath.

Split bill$248.60
AKMÖSBJD
4 ways$62.15 each

Split Bill

Bill total header above an overlapping avatar stack with the per-person share on the right.

Groceries$284 / $450

Budget Bar

Category row with spent over budget caption and a progress bar that colors emerald, amber, or rose as it fills.

Withdrawn
200USD

Cash Withdrawal

Dashed-border card with an emerald cash bubble, a status label, and a bold amount with currency.

Invoice#INV-20481
  • Block license2 × $49.00$98.00
  • Support hours4 × $35.00$140.00
Subtotal$238.00
Tax$47.60
Total$285.60

Invoice Summary

Compact invoice card with an ID header, line items, and a subtotal, tax, and total block at the bottom.

AAPLApple Inc.
$218.42
+1.8%

Stock Ticker

Ticker row with symbol, company, price, a tiny sparkline, and a signed percentage delta.

VISA
••••••••••••4242
Deniz Arslan08/28

Credit Card

1.586 aspect payment card with a gradient body, gold chip, masked digits, holder name, and expiry.

Stripe payout
IncomeToday · 09:14
+$3,240.00

Transaction Row

Directional arrow bubble beside a merchant name, category and date meta, and a signed amount on the right.

Available balance
12,459.20USD

Wallet Balance

Gradient wallet card with an uppercase label, big balance, and currency code.

USD1.00
EUR0.92
1 USD = 0.92 EUR

Exchange Rate

Two currency columns linked by an arrow, with a rate caption beneath.

BTC
Bitcoin$67,420.30
+2.4%

Crypto Ticker

Round symbol tile, asset name and price, plus a signed 24h delta with trend arrow.

Markdown version