dashboardcn
1

Components

PreviousNext

The primitives. Each one installs with a single command.

Activity HeatmapA calendar heatmap of daily activity, in the style of a contribution graph.Bar ChartA single-series bar chart with gradient or striped fills, highlighted bars, and a hover marker.Bar ListA ranked list with proportional bars, for top pages, referrers, or countries.Composed ChartMix areas, lines, and bars in one chart with dual axes, reference lines, peak markers, and hatched bars.Data TableA sortable, filterable, paginated table with column visibility, row selection, sticky and reorderable columns, and loading states, built on TanStack Table v9.Delta BadgeA signed percentage change with a trend icon, colored by whether the change is good.Distribution BarA single stacked bar showing how a total splits across categories.Donut ChartA donut, pie, or half-donut with a center label, tooltip, and legend, on shadcn's chart primitives.Dot PlotA distribution drawn as columns of stacked dots, with the peak columns at full strength.Funnel ChartStep-by-step conversion with drop-off between steps and overall conversion.KPI CardA metric card with value, period-over-period delta, and an optional sparkline.Metric ListCompact rows of label, sparkline, value, and delta.Metric ValueA formatted number that abbreviates large values (e.g. $158K) and shows the full value in a tooltip on hover. Every card in this registry renders its numbers through it.Period TabsA small segmented control for switching a chart between week, month, and year.Radial GaugeA semicircular or ring gauge, continuous or segmented, with content in the middle.Segmented MeterA zoned bar meter with a marker at the current value, for heart-rate zones, allocations, or thresholds.SparklineA tiny inline area or line chart for showing a trend at a glance.Tick BarA progress bar drawn as a row of ticks, lit up to the current value.TimelineA vertical chronology of events, each with a marker, connector, and free-form content. Use it for audit logs, activity feeds, and version history.Trend ChartArea, line, or bar chart over time with tooltips and legend, built on shadcn's chart primitives.