GitHub Contributions

If you're building a developer portfolio, this GitHub Contributions component is ready to drop into any project.

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

Live GitHub Activity Graph