Activity Monitor

Activity Heatmaps

A collection of activity-monitor components — single-hue contribution grids where magnitude reads as the strength of one color. Hover any tile for its date and exact count; on the Heat Calendar, click one cell and then another to select a range and view its total.

Heat Calendar

@beui/heat-calendar

Token-driven, SSR-safe, and composable — Grid, Tooltip, and Legend can be arranged freely or rendered together.

Default16w · commits

lessmore

Custom unit & span10w · ships

lessmore

Composed — grid onlyno legend

Omit the legend by composing the parts yourself.

Monochromecolor="foreground"

lessmore

Any CSS color drives the hue; magnitude maps to its strength, never to a second color.

Activity Heatmap

mono-charts

A self-contained contributions card with per-tile metrics on hover, across accent and theme variants.

Emerald · darkaccent="green"

Sky · darkaccent="blue"

Violet · darkaccent="purple"

Monochrome · darkaccent="mono"

Emerald · lighttheme="light"

Compact · darkcompact