Waterfall Chart

component

A waterfall (bridge) chart that explains how a number got from A to B: floating bars for each increase and decrease, totals anchored to zero, dashed connectors, signed value labels, a net change in the header and a running-total tooltip.

pnpm dlx shadcn@latest add "https://reactframe.com/r/waterfall-chart.json"

Premium blocks for shadcn/uiShadcnblocks.com · AffiliateExplore

Registry Health Inspect

Waterfall Chart – shadcn/ui Component by reactframe | shadcnregistry

Registries
reactframe
Waterfall Chart

Waterfall Chart

component

pnpm dlx shadcn@latest add "https://reactframe.com/r/waterfall-chart.json"

Premium blocks for shadcn/uiShadcnblocks.com · AffiliateExplore

clsx
tailwind-merge

components/waterfall-chart.tsx

clsx
tailwind-merge

components/waterfall-chart.tsx