Shadcn-style charts for React
Browse OTF chart components for React dashboards. These npm-installed components use the OTF UI kit and Recharts; each page has a live preview and its own install details.
Area Chart
Shadcn-style area chart for React. Smooth gradient area chart built on Recharts with series, tooltip, and legend.
Bar Chart
Shadcn-style bar chart for React. A bar graph from the Bar Chart component on Recharts, with one or more series, an optional stack, and a tooltip.
Line Chart
Shadcn-style line chart for React. Multi-series line chart with dot markers, legend, and tooltip.
Sparkline
Compact inline trend chart for embedding in stat cards and tables.
Heatmap
Cell-grid heatmap with color ramp legend — usage, density, and correlation matrices.
Bar List
Tremor-style ranked bar list with values and optional links — top sources, top pages.
Activity Heatmap
GitHub-style yearly activity contribution grid with hover tooltips.