See any GitHub repo as an isometric pixel art city.
Enter any public GitHub repo and watch it transform into a living isometric city. Every file becomes a building, every directory becomes a city block, and the roads connect it all together.
Just swap github.com with gitcity.co in your URL bar:
github.com/facebook/react → gitcity.co/facebook/react
| File Type | Building Style |
|---|---|
.ts/.tsx |
Modern offices & towers |
.js/.jsx |
Commercial shops |
.py |
Universities & schools |
.go/.rs/.c |
Industrial factories |
.css/.scss |
Colorful mansions |
.json/.yaml |
Small shops & warehouses |
.md/.txt |
Parks & green spaces |
| Test files | Recreation areas |
| CI/CD configs | Fire stations |
Entry files (index, main) |
City landmarks |
Bigger files = taller buildings. The largest file in your repo becomes the city's main landmark.
- Instant city generation from any public GitHub repo
- Isometric rendering with buildings, roads, vehicles, water, and trees
- Staggered build animation — watch buildings construct one by one
- File details on hover — see path, type, lines, and size
- Shareable URLs — every city has a link you can share
- Screenshot export — download your city as a PNG
- Session caching — revisit repos instantly
- Next.js + React + TypeScript
- Canvas 2D multi-layered rendering
- GitHub Git Trees API
git clone https://github.com/ethanplusai/gitcity.git
cd gitcity
npm install
npm run devWe welcome contributions! See CONTRIBUTING.md for guidelines.
The isometric rendering engine is forked from IsoCity by Andrew Milich (MIT licensed).
MIT