Gradient wallet card with an uppercase label, big balance, and currency code.
Requires shadcn/ui initialized. Run npx shadcn@latest init if you haven't.
import { Money3 } from "@/components/beste/piece/money3";
<Money3
balance="12,459.20"
currency="USD"
label="Available balance"
tone="emerald"
/>1.586 aspect payment card with a gradient body, gold chip, masked digits, holder name, and expiry.
Dashed-border card with an emerald cash bubble, a status label, and a bold amount with currency.
Directional arrow bubble beside a merchant name, category and date meta, and a signed amount on the right.
Round symbol tile, asset name and price, plus a signed 24h delta with trend arrow.
Ranked categories, each with an amount and a bar sized to its share.
Bill total header above an overlapping avatar stack with the per-person share on the right.