Repo: https://github.com/RocktimSaikia/github-card
Live: https://codepen.io/RocktimSaikia/full/jObbBmR
For a couple of days, I've been learning about web components. It's a completely new concept for me.I've heard about it before but never actually tried it. So this time I set my mind to build one from complete scratch.
So I planned to create a GitHub profile card web component that can be embedded on any website. Once the idea was clear I started creating quite a few card designs. Here are some designs I created before settling with the final design.
Usage
1.Through importing script
<github-card data-user="rocktimsaikia"></github-card>
<script src="https://unpkg.com/@rocktimsaikia/github-card@1.0.0/dist/widget.min.js" type="module"></script>
2.Through installing the package
import "@rocktimsaikia/github-card";
<github-card data-user="rocktimsaikia"></github-card>
If you want to contribute to this project please do. That would be awesome😊
Top comments (0)