# Contribution Graph

> A composable, customizable contribution graph component inspired by GitHub's activity heatmap. Features composable subcomponents (Grid, Tooltip, Legend), CSS variable theming, configurable cell sizes, interactive tooltips with custom render functions, and full dark mode support.

- Author: [Bankk](https://21st.dev/@bankkroll)
- Library: [Bankk](https://21st.dev/@bankkroll/library/bankk)
- License: unknown
- Live preview: https://21st.dev/@bankkroll/components/contribution-graph

## Install

```bash
npx shadcn@latest add "https://21st.dev/r/bankkroll/contribution-graph?api_key=$API_KEY_21ST"
```

Requires a 21st API key (generate one at https://21st.dev/mcp) passed as `API_KEY_21ST`. Free accounts get a limited number of installs per day; unlimited on a paid plan — see https://21st.dev/pricing.

Full component directory: https://21st.dev/llms.txt