A premium, customizable visualization of GitHub contribution graphs with multiple color schemes and display variants.
| Prop | Type | Default |
|---|---|---|
usernameThe GitHub username to fetch contributions for. (Required) | string | — |
variantThe visual style variant of the calendar. | "default" | "city-lights" | "minimal" | "default" |
colorSchemaThe color scheme for the contribution cells. | "green" | "blue" | "purple" | "orange" | "gray" | "green" |
showTotalWhether to show the total contributions count header. | boolean | true |
Click on the icon in the top right of the example preview to view the source code for specific variants.
This component is inspired by various open-source projects and patterns. Please verify licenses and implementation details before using in production.
import { GithubCalendar } from "@/components/ui/github-calendar"
<GithubCalendar username="harshjdhv" />