# Service Charge Breakdown

> A service charge breakdown for a development: a list of cost lines (concierge, building insurance, reserve fund, grounds, lifts) under one top hairline, in open rows without dividers, each with its yearly figure counting up, its share of the total and a horizontal bar proportional to the largest line that grows from the left in order; beside the list a large total figure counts up with a note on how the charge is set and a download button.

A paid shadcn/ui block sold by the [@beste-ui](https://ui.beste.co/?utm_source=shadcn.exchange) registry, listed on [shadcn.exchange](https://shadcn.exchange/r/beste-ui/realestate71).

- Page, with a preview: https://shadcn.exchange/r/beste-ui/realestate71
- Screenshot: https://abzjhwgwpdpz7ua5.public.blob.vercel-storage.com/shots/beste-ui/realestate71-light-c5706fe03b2791c4.png
- Listed: 2026-10-15

## Buy and install

@beste-ui sells this block, and its code is not on shadcn.exchange. Buy it from the registry, which installs it for those who have: https://shadcn.exchange/out/beste-ui/realestate71

## Dependencies

- npm packages: `clsx`, `framer-motion`, `lucide-react`, `tailwind-merge`
- Registry items: `button`