About GitHub Contributions
Show your GitHub Live activity directly inside your Framer website with a beautiful, fully customizable github calendar.
Simply enter any GitHub username and the component automatically fetches live contribution data and displays it as an interactive GitHub heatmap. Perfect for developer portfolios, personal websites, SaaS landing pages, resumes, open-source showcases, and startup teams.
This component requires no code, no API keys, and no external embeds. Customize colors, labels, activity levels, tooltips, fonts, date ranges, light & dark themes, and much more from the right-hand property panel.
If you're building a developer portfolio, this GitHub Contributions component is ready to drop into any project.
Instructions
Getting started only takes a minute.
Copy the component URL provided after purchase.
Paste it into your Framer project.
Resize the component to fit your layout.
Enter any GitHub username.
Choose whether to display the Current Year, Last Year, or a Custom Date Range.
Customize colors, labels, typography, tooltips, and layout using the property controls.
Publish your website, that's it..
No coding required.
Features
Live GitHub Contributions
Automatic GitHub Data Fetching
No API Key Required
Current Year, Last Year & Custom Date Range
GitHub Heatmap Calendar
Zero-Code Setup
Responsive by Default
Canvas Preview Support
Independent Light & Dark Themes
Fully Customizable Color Palette
Custom Month & Weekday Labels
Flexible Week Start Day
Fully Customizable Tooltip Design
Adjustable Block Size, Gap & Radius
Typography Controls
Smooth Performance
Made with ❤ by Soyeb
Refund Policy: Due to the digital nature of these components, all sales are final, and once delivered they cannot be returned, exchanged or refunded. Please review product details and demos before purchasing, and feel free to reach out if anything is unclear.
Have questions or need a custom Framer component? Reach out at heysoyebali@gmail.com
