---
title: "Contrib Graph — Framer component · Best of Framer"
description: "$12.00 · Framer component · by Manikandan G · Charts. Live GitHub contribution graph"
canonical: "https://framer.elliotli.dev/component/contrib-graph"
---

[Home](/)/[Components](/components)/[Charts](/components/category/charts)/Contrib Graph

# Contrib Graph

Live GitHub contribution graph

[View on Framer](https://framer.com/marketplace/components/contrib-graph/?via=elliot-li)

![Contrib Graph preview image 1](https://framer.elliotli.dev/og/component/contrib-graph/8234fda398656e1b/1600x1200.jpg)

## Summary

Live GitHub contribution graph

## Description

**GitHub Contribution Chart** is a ready-to-use Framer component for displaying a live GitHub-style contribution graph on your site.

**Key features include:**

\- Live contribution data by GitHub username

\- Responsive or normal layout with fixed cells

\- Light theme with easy restyling

\- Customizable colors, fonts, padding, and squircle cells

\- Toggle options for header, months, weekdays, and legend

\- Click-to-open GitHub profile option

\- Auto-refresh interval

\- Keyboard accessibility

\- Ideal for portfolio, personal sites, developer landing pages, and "About" sections

**License:**

Single license for one end product only (one Framer project/site). Redistribution, resale, sublicensing, or use in multiple products without extra licenses is not allowed. No refunds available due to the product’s digital nature.

## Rank history [How rankings work →](/terms#rankings)

-   All · #8991

## Details

- **Author**: Manikandan G
- **Price**: $12.00
- **Published**: 2026-07-31
- **Updated**: 2026-07-31
- **Added**: 2026-07-31
- **Categories**: Charts

## More like this

-   [29 Radar Chart](/component/29-radar-chart) — BrandingUp · Free — Spider chart with per-axis scales
-   [33 Bubble Chart](/component/33-bubble-chart) — BrandingUp · Free — Bubble chart with 3rd-value sizes
-   [Pricing Matrix](/component/pricing-matrix) — Ainsley Holmes · Free — Currency Payment Comparison Matrix
-   [Radial Dial](/component/radial-dial) — Oli Studio · $10 — Animated dial for a single metric