// the find
tremorlabs/tremor-npm
React components to build charts and dashboards
Tremor is a React component library focused on data visualization and dashboard UIs, built on Recharts and Tailwind CSS. It covers charts (area, bar, line, donut, scatter, funnel), form inputs, layout primitives, and data display components. Aimed at developers who need to ship internal tools or analytics dashboards quickly without designing from scratch.
- The Tailwind-first approach means styling integrates naturally with existing Tailwind projects and dark mode is handled via CSS variables without extra config
- Good breadth of chart types plus spark chart variants for inline metrics — the SparkAreaChart/SparkBarChart/SparkLineChart components are genuinely useful for KPI cards
- Storybook stories exist for every component category, making it easy to evaluate components before committing to them
- The custom tooltip API (CustomTooltipProps) lets you replace the default tooltip with arbitrary JSX, which is the first thing anyone customizing charts needs
- This is the legacy npm package — Tremor has since moved to a copy-paste model (tremor.so) similar to shadcn/ui, so this package is effectively in maintenance mode and adopting it now means backing a deprecated approach
- Color customization is limited to a fixed Tailwind palette; you can't pass arbitrary hex colors to charts without hacking the theme, which is a real problem for branded dashboards
- Chart components are thin wrappers over Recharts but don't expose the full Recharts API — if you need custom reference lines, brush components, or complex axis formatting, you'll hit a wall quickly
- Test coverage is shallow — most tests just check that components render without crashing rather than testing behavior, so regressions in interaction logic (select, datepicker) are likely to slip through