Credit Card

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

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

Requires shadcn/ui initialized. Run npx shadcn@latest init if you haven't.

Import & use
import { Money5 } from "@/components/beste/piece/money5";

<Money5
  last4="4242"
  holder="Deniz Arslan"
  expiry="08/28"
  brand="VISA"
  tone="midnight"
/>

More Finance pieces

View all Finance
Available balance
12,459.20USD

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

Withdrawn
200USD

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

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

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

Credit scoreGood
742
300850

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

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

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

BTC
Bitcoin$67,420.30
+2.4%

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