Skip to content

reddec/github-card

Repository files navigation

Custom element tag for github repository

demo license donate

github-card

Check online DEMO

image

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).

bymeacoffee