Gradient piggy bank beside a saved-over-goal readout and a thin progress bar underneath.
Requires shadcn/ui initialized. Run npx shadcn@latest init if you haven't.
import { Money11 } from "@/components/beste/piece/money11";
<Money11
saved="$2,480"
goal="$5,000"
progress={50}
label="Vacation fund"
tone="rose"
/>Category row with spent over budget caption and a progress bar that colors emerald, amber, or rose as it fills.
Ranked categories, each with an amount and a bar sized to its share.
Gradient wallet card with an uppercase label, big balance, and currency code.
Income and expense rules leading to an emphasized net figure for the period.
Months of runway over a split of current balance and monthly burn.
Round symbol tile, asset name and price, plus a signed 24h delta with trend arrow.