React Green Graph

A React component that displays GitHub contribution graphs in your web application with customizable color themes.

npm install @theamrendram/react-green-graph

Get Started

Star on GitHub

See It In Action

Interactive demo with different color themes

Less

Why Choose React Green Graph?

Built with performance and customization in mind

Customizable Themes

Multiple built-in color themes with support for custom color schemes

Lightweight & Fast

Zero dependencies, optimized for performance with minimal bundle size

TypeScript Ready

Full TypeScript support with comprehensive type definitions

Simple to Use

Get started with just a few lines of code

App.jsx

import { ReactGreenGraph } from '@theamrendram/react-green-graph'

function App() {


  return (
    <ReactGreenGraph 
      username="theamrendram"
      token={process.env.NEXT_PUBLIC_GITHUB_ACCESS_TOKEN}
    />
  )
}

Ready to Get Started?

Join developers who are already using React Green Graph to create beautiful contribution visualizations.

Go to npm View on GitHub