GitHub-style activity heatmaps for React
Headless, Radix-style primitives for building activity heatmap graphs. Composable, unstyled, and fully customizable.
Why Heat Graph?
Everything you need to build activity heatmaps — without fighting your styling framework or losing control.
Compound components you fully control. Root, Grid, Cell, Legend, Tooltip — compose only the pieces you need.
Zero styling opinions. Bring your own CSS, Tailwind, or any styling solution. Every element is a plain div you can style.
Hover tooltips powered by Radix Popper for pixel-perfect positioning. No extra dependencies needed.
Plug in your own classification function to control how counts map to levels. Defaults to evenly-distributed auto-levels.
Month and day labels expose raw numeric values. Format with the included English helpers or use Intl.DateTimeFormat for any locale.
Start building today