Tremor vs dashboardcn: dashboard components that match your shadcn/ui app
Tremor is a great charting library with its own design system. If your app is already on shadcn/ui, dashboardcn gives you the same kind of components in your existing theme.
Tremor is the best known way to put charts in a React and Tailwind app. It has 35+ components and 300+ block examples, it is open source, it is built on Radix, Tailwind, and Recharts, and it joined Vercel. If you are building a dashboard from scratch, it is a fine choice.
So why does dashboardcn exist? Because a lot of teams are not starting from scratch. They already have a shadcn/ui app with a theme, a Card, a Table, and the chart wrapper, and they want dashboard components that look like the rest of that app. That is the gap this project fills. Here is how the two compare.
Two design systems or one
Tremor is a design system. It ships its own Button, Select, Tabs, and Card alongside its charts, styled its own way. Drop it into a shadcn/ui app and you have two of each, with two sets of spacing, radii, and color conventions to keep in line.
dashboardcn does not have a Button. It uses yours. Every component is built on shadcn/ui primitives and reads its colors from the shadcn theme variables, so a KPI card here looks like a card in your settings page, in light and dark mode, with the radius you picked when you ran shadcn init. Charts go through shadcn's own chart wrapper, so tooltips and legends match the examples in the shadcn/ui docs.
Install, don't depend
Tremor offers both an npm package and copy-and-paste components. The npm route is convenient until you need to change something the props do not expose. dashboardcn only does the copy route, through the shadcn CLI, because that is how shadcn/ui works and it means the code is yours to edit.
npx shadcn@latest add https://dashboardcn.com/r/trend-chart.jsonThat command copies trend-chart.tsx into your components folder, installs recharts if you do not have it, and adds shadcn's Card and Chart if they are missing. Nothing to upgrade against later, and nothing to override.
What is in the box
25 components and 22 blocks. The components are the primitives a dashboard is made of: KPI card, trend chart, composed chart, bar chart, donut, funnel, bar list, distribution bar, activity heatmap, sparkline, radial gauge, segmented meter, tick bar, dot plot, timeline, period tabs, and a full data table on TanStack Table v9. The blocks are finished cards that combine them, the kind of thing you see in a Stripe or Linear dashboard, with a period switcher, a headline number, and a chart that responds to it.
Tremor has more chart types and far more block examples, and its templates are a real head start for a new app. Where dashboardcn spends its effort is on the cards themselves: the formatting of big numbers, the delta badges that know whether a decrease is good, the sparkline that colors itself by trend, and the composition patterns that keep a row of tiles aligned.
Both are free
This is not a price comparison. Tremor's components and blocks are open source, and so is everything here, under MIT. The choice is about fit. If you want one system for the whole app and are not on shadcn/ui, use Tremor. If you are on shadcn/ui and want dashboard components that belong there, start with the components or the blocks.