API that generates GitHub-themed SVGs that show the percentage of a language in public repositories

Inspired by GitHub Readme Stats and Shields.io

Default theme (dark):

Light themes (default, high contrast, Protanopia & Deuteranopia, Tritanopia):

Dark themes (default, high contrast, Protanopia & Deuteranopia, Tritanopia, dimmed):

1. Fork this repository

2. Generate a GitHub personal access token with public_repo permission

3. Go to Vercel and Continue with GitHub

4. Click Add New... > Project

5. Find your repository and click Import

6. Click Environment Variables and add GPL_TOKEN and GPL_USERNAME

7. (Optional) Add languages that you want to ignore as comma-separated values (no spaces)

Supported languages

8. Click Deploy

9. Click Continue to Dashboard

10. Check your domains under DOMAINS

Copy and paste the following Markdown and change DOMAIN, WIDTH, and THEME

Supported themes

[![GitHub Profile Language Bar](DOMAIN/api/bar?width=WIDTH&theme=THEME)](https://github.com/yehwankim23/github-profile-languages)

Example:

• DOMAIN → https://github-profile-languages.vercel.app
• WIDTH → 830
• THEME → dark

[![GitHub Profile Language Bar](https://github-profile-languages.vercel.app/api/bar?width=830&theme=dark)](https://github.com/yehwankim23/github-profile-languages)

Result:

Copy and paste the following Markdown and change DOMAIN, LANGUAGE, and THEME

Supported languages

Supported themes

[![GitHub Profile Language Button](DOMAIN/api/button?language=LANGUAGE&theme=THEME)](https://github.com/yehwankim23/github-profile-languages)

Example:

• DOMAIN → https://github-profile-languages.vercel.app
• LANGUAGE → C%2b%2b (Percent-encoded "C++")
• THEME → dark

[![GitHub Profile Language Button](https://github-profile-languages.vercel.app/api/button?language=C%2b%2b&theme=dark)](https://github.com/yehwankim23/github-profile-languages)

Result:

Visit DOMAIN/api/stats for raw language statistics

Example:

• DOMAIN → https://github-profile-languages.vercel.app

https://github-profile-languages.vercel.app/api/stats

Result:

Or use the username parameter to specify a user

Example:

• DOMAIN → https://github-profile-languages.vercel.app
• USERNAME → yehwankim23

https://github-profile-languages.vercel.app/api/stats?username=yehwankim23