Your git story, visualized.
Transform your GitHub repositories into stunning visualizations, AI-powered narratives, Spotify Wrapped-style recaps, and real-time Gource tree animations — all from your commit history.
Real-time force-directed tree visualization of your repositories. Files bloom as nodes, contributors move between them, and commit beams pulse through your codebase. Supports individual repos or all of them combined with playback controls, timeline scrubbing, and camera controls.
- Weighted radial sector tree layout with incremental updates
- Structure-of-Arrays typed buffers for high-performance physics
- WebGL2 instanced rendering pipeline (Canvas 2D fallback)
- Web Worker offloading for physics computation
- Object-pooled beams and particles with zero steady-state allocations
Spotify Wrapped, but for your code. Discover your most productive months, longest streaks, peak coding hours, favorite commit words, and whether you're a night owl or an early bird — presented in animated slides you can share.
Claude processes thousands of commits — batching, summarizing, and weaving them into a narrative of your developer journey. Each repository gets its own chapter, unified into one story.
Contribution heatmaps, commit frequency timelines, language breakdowns, coding pattern matrices, year-over-year growth, monthly breakdowns, superlatives, badges, and productivity metrics — all computed client-side from your real commit data.
| Layer | Tech |
|---|---|
| Framework | Next.js 16 (App Router) |
| Language | TypeScript (strict) |
| Styling | Tailwind CSS 4 |
| UI Components | Radix UI + shadcn/ui |
| State | Zustand |
| Animation | Framer Motion |
| Charts | Recharts |
| AI | Claude API |
| Auth & Data | GitHub REST API + OAuth |
| Caching | IndexedDB (via idb) |
| Visualization | Canvas 2D / WebGL2 instanced rendering |
| Physics | Web Workers + SharedArrayBuffer |
- Node.js 18+
- A GitHub account
- A Claude API key (optional — only needed for the Story feature)
# Clone the repository
git clone https://github.com/mitiskuma/gitted.git
cd gitted
# Install dependencies
npm install
# Start the development server
npm run devOpen http://localhost:3000 and connect your GitHub account to get started.
cp .env.example .env.localFill in your GitHub OAuth credentials. See .env.example for all available variables. Claude API tokens are provided by users through the UI at runtime.
Contributions are welcome. Feel free to open an issue or submit a pull request.
- Fork the repository
- Create your branch (
git checkout -b feature/something) - Commit your changes
- Push to the branch (
git push origin feature/something) - Open a Pull Request
MIT License. Copyright (c) 2026 mitiskuma. See LICENSE for details.
Built with care for developers who ship.