Github-Calendar

Visit Tool

github-calendar is a JavaScript library that allows developers to embed their GitHub contribution calendar onto any web page. It provides a simple way to display GitHub stats and activity.

Claim this tool

No Views Yet

At a glance

Pricing

Open Source

Free tier

Yes

API

Skill level

Technical

About

What is github-calendar?

github-calendar is an open-source JavaScript library designed to embed GitHub contribution calendars directly into web pages. Developers can easily integrate their GitHub activity, including contributions, issues opened, and commits made, onto personal websites or portfolios. The library offers options for responsiveness, tooltips on calendar days, and the ability to use a custom proxy for data fetching. It supports both direct script inclusion and CommonJS environments via npm or yarn, making it versatile for various web development setups. The tool is ideal for showcasing development activity and stats to a wider audience.

Best used for

Ideal for developers who need to showcase their GitHub contributions, integrate their activity into personal websites, and display development stats. Especially valuable for creating dynamic portfolios and project pages that reflect ongoing coding efforts.

Common actions

display GitHub activity

embed contribution calendar

show developer stats

face swappinggithub copilotlow-code/no-codeworkflows"AI Agents"collaborationdeepfakeopen-sourceautomated workflow

Capabilities

Key features

Embed GitHub calendar
Responsive design
Display global stats
Custom proxy support
Tooltips on days

Target Audience

developer

Integrations

Not yet documented

Pricing & Plans

Open Source

Free

FAQs

How do I install github-calendar?

You can install github-calendar via npm or yarn for CommonJS environments, or by including the script directly from unpkg.com in your HTML. Optionally, you can also include a responsive CSS theme from unpkg.com.

Can I make the calendar responsive?

Yes, github-calendar supports responsive functionality. You can enable it by passing `{ responsive: true }` in the options object when initializing the calendar. Custom CSS may be needed for optimal scaling.

Does github-calendar support custom proxies for data fetching?

Yes, you can configure github-calendar to use a custom proxy. Provide a `proxy` function in the options object that takes the username as an argument and returns a promise resolving to the HTML content of the contributions page.

Trending

Subcategories trending in Coding & Development

Open Source & Models DevOps & Infrastructure No-Code / Low-Code Testing & QA Backend & APIs Prompt Engineering

Trending

Explore

Browse AI tools by category

Content & Design Productivity & Business Coding & Development AI Agents & Automation Research & Education Wellness & Lifestyle Career Development Marketing & Growth Data & Analytics Customer Support & CX Finance E-commerce