A React component to display a GitHub contributions graph based on
react-activity-calendar.
npm install react-github-contributionsimport GitHubContributions from "react-github-contributions"
// ... in your render() method:
<GitHubContributions username="{your username}"/>
import React from 'react';
import { render } from 'react-dom';
import { GitHubContributions } from 'react-github-contributions';
const App = () => {
return (
<div className="App">
<GitHubContributions
username="your-github-username"
config={{
contributionsPerPage: 10,
theme: 'light',
}}
/>
</div>
);
};
render(<App />, document.getElementById('root'));This package is licensed under Apache-2.0
Happy Coding💻😎