Activity Heatmap
freeGitHub-style contribution calendar and 7×24 weekday-by-hour activity matrix with quartile color palettes, intensity filtering, and live cell readouts.
#heatmap#contributions#calendar#analytics#github
Activity
Peak 18981 contributions in the last 24 weeks
JunJulAugSepOctNov
MonWedFriSun
Peak Thu, Oct 22 · 18
LessMore
CLI Installation
pnpm dlx shadcn@latest add https://ui.ibidi.dev/r/activity-heatmap.jsonProps
| Prop | Type | Default | Description |
|---|---|---|---|
| defaultMode | 'calendar' | 'hours' | 'calendar' | Initial view mode: daily contribution calendar or weekday-by-hour grid. |
| data | ActivityDay[] | seeded sample | Daily { date: 'YYYY-MM-DD', value: number } entries for calendar mode. |
| matrix | number[][] | seeded 7×24 | 7 rows (Mon–Sun) × 24 columns (00h–23h) matrix for hours mode. |
| weeks | number | 24 | Number of week columns rendered in calendar mode. |
| unit | string | 'contributions' | Noun displayed in totals and cell hover readouts. |
| defaultPalette | 'emerald' | 'blue' | 'violet' | 'amber' | 'emerald' | Initial 5-level quartile color palette. |
| animated | boolean | true | Enables staggered cell scale entrance transitions. |