Contribution Graph Colors 1 - Custom level colors

Pro

Contribution graph blocks styled with custom data-level colors.
Shadcn Contribution Graph Colors 1 component

Component data

ID
contribution-graph/contribution-graph-colors-1
Access
pro
Created
Jul 30, 2026
Type
example
Libraries
Radix UI, Base UI, React Aria

Contribution Graph Colors 1 component design & features

This example overrides ContributionGraphBlock colors per data-level for a custom brand palette.

Custom level colors help match product themes while keeping the familiar contribution heatmap pattern.