22
33A lightweight, customizable widget to embed your GitHub contribution graph on any website.
44
5- [ ![ npm version] ( https://img.shields.io/npm/v/github-contribution-graph.svg )] ( https://npmjs.com/package/github-contribution-graph )
6- [ ![ Live Demo] ( https://img.shields.io/badge/demo-live-brightgreen )] ( https://github-contribution-graph.netlify.app )
7- [ ![ Netlify Status] ( https://api.netlify.com/api/v1/badges/478cfe35-5d4d-4ec2-939b-b58e4de45ebe/deploy-status )] ( https://app.netlify.com/sites/github-contribution-graph/deploys )
5+ [ ![ npm version] ( https://img.shields.io/npm/v/github-contrib-graph.svg )] ( https://npmjs.com/package/github-contrib-graph )
86[ ![ License] ( https://img.shields.io/badge/license-Apache%202.0-blue )] ( LICENSE )
97
108![ Preview] ( assets/media/thumbnail.png )
119
12- ** [ Live Demo] ( https://github-contribution-graph.netlify.app ) ** | ** [ GitHub Repo] ( https://github.com/iamjr15/github-contribution-graph ) ** | ** [ npm Package] ( https://npmjs.com/package/github-contribution-graph ) **
10+ <p align =" center " >
11+ <a href =" https://github-contribution-graph.netlify.app " ><strong >Live Demo</strong ></a > ·
12+ <a href =" https://github.com/iamjr15/github-contribution-graph " ><strong >GitHub Repo</strong ></a > ·
13+ <a href =" https://npmjs.com/package/github-contrib-graph " ><strong >npm Package</strong ></a >
14+ </p >
1315
1416---
1517
@@ -18,14 +20,14 @@ A lightweight, customizable widget to embed your GitHub contribution graph on an
1820Install via npm for React or vanilla JavaScript projects:
1921
2022``` bash
21- npm install github-contribution -graph
23+ npm install github-contrib -graph
2224```
2325
2426### React
2527
2628``` tsx
27- import { GitHubContributionGraph } from ' github-contribution -graph/react' ;
28- import ' github-contribution -graph/styles.css' ;
29+ import { GitHubContributionGraph } from ' github-contrib -graph/react' ;
30+ import ' github-contrib -graph/styles.css' ;
2931
3032function App() {
3133 return <GitHubContributionGraph username = " octocat" theme = " midnight" />;
@@ -35,8 +37,8 @@ function App() {
3537### Vanilla JavaScript
3638
3739``` js
38- import { GitHubContributionWidget } from ' github-contribution -graph/vanilla' ;
39- import ' github-contribution -graph/styles.css' ;
40+ import { GitHubContributionWidget } from ' github-contrib -graph/vanilla' ;
41+ import ' github-contrib -graph/styles.css' ;
4042
4143const widget = new GitHubContributionWidget ({
4244 username: ' octocat' ,
0 commit comments