@rocktimsaikia/github-card

A minimal github card widget for your portfolio.

Usage no npm install needed!

<script type="module">
  import rocktimsaikiaGithubCard from 'https://cdn.skypack.dev/@rocktimsaikia/github-card';
</script>

README

github-card 🌈

Beautiful embeddable github profile card for your portfolio.
Here is a live codepen Demo

CI npm version

Highlights

  • Tiny and Zero dependencies (~4kb)
  • Simple and easy to use
  • Minimal and neat design
  • Dark theme available

Installation

Available on npm as @rocktimsaikia/github-card.

npm install @rocktimsaikia/github-card

or with yarn

yarn add @rocktimsaikia/github-card

Usage

Since this an ESM web component, you can use it both as a script or through installation.

import '@rocktimsaikia/github-card'

<github-card data-user="rocktimsaikia"></github-card>

Or use it as a script in a html file :

<script type="module" src="https://unpkg.com/@rocktimsaikia/github-card@latest?module"></script>

Theme

You can enable the optional dark theme by setting the data-theme attribute to dark

<github-card data-user="rocktimsaikia" data-theme="dark"></github-card>

License

2021 © MIT Rocktim Saikia