Custom element tag for github repository

Check online DEMO

Minimal sample for embedding for the sveltejs/svelte repo

<github-card repo="sveltejs/svelte">
<script defer src="https://cdn.jsdelivr.net/gh/reddec/github-card@1/dist/github-card.min.js"></script>
</github-card>

Additional flags:

  • flat="yes" - disables card shadow
  • plain="yes" - disables logo for the repository

Features

  • ultra light - 12KB without gzip (4.5KB - gzipped)
  • easy to use
  • caches information
  • provides fallback if no JS available (or for old browsers)
  • powered by Svelte

Reason

I wanted to add nice Github card to my blog, but I didn't want to learn PHP (wordpress).

Top categories

svelte logo

Want a Svelte site built?

Hire a Svelte developer
Loading Svelte Themes