Components
Allocation CardA share-of-total card with a period switcher, a big percentage with delta, a tick bar, and a footer stat with an avatar stack.Balance Chart CardA balance or price card with a big value, delta, stat row, and a line chart with reference line and peak marker.Breakdown CardA total with delta and a list of contributors, each with a value and a hatched bar showing its share.Data Table CardA card around a data table: title, description, toolbar, rows, and pagination in the footer.Distribution CardA total with delta, a stacked share bar, and a ranked list of the contributors with their values.Dot Plot CardA metric card with a big value, a dot-plot distribution with its peak called out, and the change vs the previous period.Dual Metric CardA card with two metrics side by side, each with a value, share badge, meter, and a supporting fact.Insight CardA hero card with a badge, a very large number, a headline, and a paged set of insights over a soft gradient.KPI Row CardA card with a period switcher, a row of KPI tiles with sparklines and deltas, and a footer summary.Metric Tabs Chart CardA row of metric tabs, each with a value and delta, above a line chart of the selected metric against the previous period. Click a tab to switch the chart.Period Bar Chart CardA card with a total for the selected period, a range switcher, and a bar chart that highlights that period. Click a bar to select its period.Progress CardA compact progress card with an icon title, a pill tick bar, and a count with a secondary stat.Ring KPI CardA card with a row of KPI tiles, each with a segmented ring next to the value and a comparison to the previous value.Status Gauge CardA status card with a headline word, a metric, an avatar stack, and a segmented semicircular gauge.Tick KPI CardA card with a row of KPI tiles, each with a value out of a whole and a tick bar showing how far along it is.
Your dashboard, your code.
Every component is copied into your project with the shadcn CLI. No package to upgrade, nothing to override.