Skip to content

GitHub Profile Card made with Web Components to include in your portfolio site. Published as npm package.

Notifications You must be signed in to change notification settings

Sai7xp/github-devprofile

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

17 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Use this minimal and beautiful github profile card in your personal site.

Codepen Link --> https://codepen.io/sumanth2303/pen/WNroqXo

NPM Js Link --> https://www.npmjs.com/package/github-devprofile

Generate your card here --> https://github-devprofile-card.netlify.app/generate

Inspired by saurabhdaware dev-widget.

Design credits : Matthias Martin

alt text

alt text

  • Include these two-lines of code in your .html file

current version 2.0.2

<git-widget data-username="your-user-name"></git-widget>

<script src="https://unpkg.com/github-devprofile@2/dist/card.component.min.mjs" type="module"></script>

NPM Installation Guide

npm install --save github-devprofile

import "github-devprofile"

<git-widget data-username="your-github-username"></git-widget>

Replace your github username (not case sensitive)

About

GitHub Profile Card made with Web Components to include in your portfolio site. Published as npm package.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages