Docs·Github Calendar

Github Calendar

A premium, customizable visualization of GitHub contribution graphs with multiple color schemes and display variants.

Installation

pnpm dlx shadcn@latest add @componentry/github-calendar

Usage

API Reference

PropertyTypeDefault
username

The GitHub username to fetch contributions for. (Required)

string—
variant

The visual style variant of the calendar.

"default" | "city-lights" | "minimal""default"
colorSchema

The color scheme for the contribution cells.

"green" | "blue" | "purple" | "orange" | "gray""green"
showTotal

Whether to show the total contributions count header.

booleantrue

View source

Click the icon in the preview panel to browse source for each variant.

Keep in mind

This component is inspired by various open-source projects and patterns. Please verify licenses and implementation details before using in production.

Need a custom component?

I build bespoke UI components & websites tailored to your brand.

DM me on X
import { GithubCalendar } from "@/components/ui/github-calendar"
<GithubCalendar username="harshjdhv" />