https://github.com/reddec/github-card

Github Card custom element tag
https://github.com/reddec/github-card

custom-elements github svelte

Last synced: 7 months ago
JSON representation

Github Card custom element tag

• Host: GitHub
• URL: https://github.com/reddec/github-card
• Owner: reddec
• License: mit
• Created: 2020-05-13T07:10:31.000Z (over 5 years ago)
• Default Branch: master
• Last Pushed: 2024-09-27T06:36:27.000Z (over 1 year ago)
• Last Synced: 2025-07-02T11:02:00.641Z (7 months ago)
• Topics: custom-elements, github, svelte
• Language: Svelte
• Size: 131 KB
• Stars: 12
• Watchers: 2
• Forks: 1
• Open Issues: 3
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

          
# Custom element tag for github repository

[![demo](https://img.shields.io/badge/documentation-latest-green)](https://reddec.net/demo/github-card/)

[![license](https://img.shields.io/github/license/reddec/github-card.svg)](https://github.com/reddec/github-card)

[![donate](https://img.shields.io/badge/help_by️-donate❤-ff69b4)](http://reddec.net/about/#donate)

![github-card](https://user-images.githubusercontent.com/6597086/97158487-776b3980-17b4-11eb-80d3-4989c5e61785.png)

[Check online DEMO](https://reddec.net/demo/github-card/)

![image](https://user-images.githubusercontent.com/6597086/81782278-2c25dd00-952c-11ea-9d39-307a756733ee.png)

Minimal sample for embedding for the `sveltejs/svelte` repo

```html

```

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](https://cdn.buymeacoffee.com/buttons/default-orange.png)](https://www.buymeacoffee.com/reddec)