Contribution Graph Generator
See Developer's Portfolio
Click or drag on the squares to change their glow intensity. Try toggling the Light and Dark themes to preview your art.
AprMayJunJulAugSepOctNovDecJanFebMar
MonWedFri
Learn how we count contributions
Less
More
Max 11 characters · Letters, numbers, spaces, ! - _ . ♥

How to Use This Tool

Design your own contribution graph art and make your GitHub profile unforgettable.

1

🎨 Customization Guide

Use this tool to draw your name, initials, pixel art, or any creative design directly on the contribution graph.

  • Click any square to cycle through 5 intensity levels.
  • Click and drag to paint multiple squares at once.
  • Use the Draw Text or Presets tools for quick generation.
  • Toggle themes to see how your art looks in light and dark modes.
  • When satisfied, download the graph as a high-resolution PNG image.
2

💡 Uses of This Tool

There are many fun and creative ways to use your generated contribution graph!

  • GitHub Profile README: Make your GitHub profile stand out to recruiters and peers. (See guide below!)
  • Social Media Engagement: Share your art on Twitter, LinkedIn, or Threads as a fun post.
  • Portfolio Display: Add a personalized touch to your personal portfolio.
  • Community Interaction: Challenge friends to draw the most creative pattern.
3

🚀 GitHub Profile README Guide

Follow these steps to create a stunning GitHub profile README that showcases your custom contribution graph.

1

Create a Special Repository

Create a new repository on GitHub with the exact same name as your GitHub username and check "Add a README file".

2

Upload Your Graph

Upload your downloaded contribution graph image to this repository and embed it in your README using:![My Contribution Graph](./your-image-name.png)

🤖 AI README Generator Prompt

Copy the prompt below and paste it into any AI assistant along with your resume data. It will generate a beautiful Markdown README.

I want to create a standout GitHub profile README. Here is my CV/data: [Insert Data Here]. Please generate a visually appealing Markdown file for my profile README. Include sections for my tech stack, current projects, social links, and a placeholder image tag where I can insert my custom contribution graph.