Activity grid
GitHub-style grid of small circles, filled in brand where active.
Default
182 contributions in the last 6 months
Columns
12 columns — compact week view
26 columns — default (6 months)
52 columns — full year
Empty
No activity recorded yet
In Card
Contributions
Last 6 months
121 active days
LessMore
Intensity Levels
All 5 intensity levels
Empty → faint → medium → strong → full brand
Gradient ramp — 26 cells
Uniform high activity
Sparse activity — most cells empty
Interactive
Installation
npx shadcn@latest add @byronwade/activity-gridProps
| Prop | Type | Default | Description |
|---|---|---|---|
| data | number[] | — | Activity counts per cell. |
| columns | number | 26 | Columns in the grid. |