vue-calendar-activityGitHub-style heatmap for Vue 3

Flexible, fully-typed, SSR-ready calendar heatmap component

Flexible date ranges

Pass start/end dates or use built-in presets — year, month, 3 months, 6 months.

Fixed levels (GitHub-style) or smooth gradient. Both fully customizable.

All props, emits, slots, and composable APIs are strictly typed — zero any.

No window/document access at import time. Works out of the box with Nuxt.

Light/dark/auto themes. Override any color via CSS custom properties or props.

Month names, weekday names, date format — everything overridable via locale prop.

Live preview

Mon

Tue

Wed

Thu

Fri

Sat

Sun