GraphShare is the ultimate lightweight, serverless tool to generate beautiful, customizable GitHub contribution graphs and embed them directly into your website, portfolio, or README.
no API keys, no rate limits.
- Embed Ready: Generate a clean, responsive
<iframe>code snippet to showcase your contribution graph anywhere on the web. - Highly Customizable: Tweak themes, colors, and display options in real-time.
- Modern Stack: Built with React, Vite, Tailwind CSS, and TypeScript, powered by Bun.
- Light & Dark Mode: Native support for both themes to ensure the graph fits perfectly with your existing site aesthetic.
- Framework: React + Vite
- Language: TypeScript
- Styling: Tailwind CSS
- Runtime: Bun
- Icons: Lucide React
Ensure you have Bun installed on your machine.
-
Clone the repository:
git clone https://github.com/RobiAbebe/GraphShare.git cd GraphShare -
Install dependencies:
bun install
-
Run the development server:
bun run dev
Open http://localhost:5173 to view your project in the browser.
- Enter Username: Input your GitHub username on the dashboard.
- Customize: Adjust the color themes and toggles to match your personal branding.
- Get Code: Copy the generated
<iframe>code snippet. - Embed: Paste the snippet into your personal website, blog, or portfolio.
This project is open-source and available under the MIT License.