Category row with spent over budget caption and a progress bar that colors emerald, amber, or rose as it fills.
Requires shadcn/ui initialized. Run npx shadcn@latest init if you haven't.
import { Money9 } from "@/components/beste/piece/money9";
<Money9
category="Groceries"
spent="$284"
budget="$450"
progress={63}
/>Ranked categories, each with an amount and a bar sized to its share.
Gradient piggy bank beside a saved-over-goal readout and a thin progress bar underneath.
Bill total header above an overlapping avatar stack with the per-person share on the right.
Directional arrow bubble beside a merchant name, category and date meta, and a signed amount on the right.
Ticker row with symbol, company, price, a tiny sparkline, and a signed percentage delta.
Monthly recurring revenue with its growth and a tonal bar history.