TOOLS I BUILT
GITART
A Next.js web app that draws pixel art onto your GitHub contribution graph by generating commits on the right dates.
operational
- Year
- 2026
- Stack
- Next.js + Tailwind
Contribution-grid pixel art · Concept illustration
COMMIT-HISTORY PIXEL ART ON YOUR GITHUB GRAPH
01 / The build
Behind the project.
A Next.js + Tailwind web app that draws pixel art onto the 52x7 GitHub contribution graph. It signs in with GitHub OAuth (NextAuth), renders a 52x7 grid the user paints on, and a commit engine (lib/commit-engine.ts with an apply route) generates the commits on the matching dates to produce the drawing.
Technical details
Under the hood.
- Stack
- Next.js + Tailwind
- Auth
- NextAuth with GitHub OAuth
- Canvas
- 52x7 contribution grid
Notes & outcomes
What came out of it.
- Paints onto the real GitHub contribution graph by back-dating generated commits.
- GitHub OAuth sign-in via NextAuth.