Repo-Card

😎 showcase repositories on your website 🤘!

Demo

Light theme

Dark theme

For a live demo, visit https://tarptaeya.github.io/repo-card.

Usage

<!-- head -->
<script src="https://tarptaeya.github.io/repo-card/repo-card.js"></script>


<!-- inside body, where you want to create the card -->
<div class="repo-card" data-repo="username/repository"></div>

<!-- NEW: for dark theme just set data-theme attribute -->
<div class="repo-card" data-repo="username/repository" data-theme="dark-theme"></div>

Features

• Cache response to handle GitHub API rate limits (NEW)
• Supports dark theme
• Supports GitHub emojis
• Supports language colors
• Hides stars and forks when their count is 0.
• Shows the source repository in case of fork.
• Creates card similar to GitHub pinned repository's style

Related Projects

• thislooksfun/svelte-repo-card

Thanks

• ozh/github-colors for providing GitHub colors for all the languages.