I turned a GitHub repo into a 3D city you can walk through

EmreLutfi — Mon, 17 Aug 2026 16:09:53 +0000

A GitHub repo is a file list. I wanted a place.

RepoVerse takes a public owner/repo, reads the tree and a slice of git history, and draws a city: folders are districts, files are buildings. Height is roughly size. Color is language. Click a tower and you’re in that file.

"✍🏻" أعمل كل يوم شيئا مميزاٌ وجيــدًا للآخرين .!

youtube.com

Why a city

I kept opening repos and getting lost in src/. The constellation view (nodes and edges) was already there. The city is the one I actually want to look at: what’s tall, what’s crowded, what moved this week.

Git log is what stops it being a screenshot. Recent files light up. Quiet, highly connected files read as the dusty center of town.

How the scene is built

Frontend is Next.js and React Three Fiber. Buildings are instanced meshes, a few volumes each (podium, setbacks, roof), so a thousand-file repo isn’t a thousand draw calls. Raycast hits a part; the whole building lights up.

The backend is FastAPI. Public GitHub comes in as a tarball, then parse, then layout. Python has a real AST path; other languages are conservative. I’d rather miss an import than draw a wrong street.

Camera is orbit, a drone fly-through, or street mode with WASD.

Try it

https://repoverse.online

Public repos, early, free. Local path and a same-origin website crawl exist too; GitHub is the one worth sharing.

If it breaks, say so in the comments. I’m still building it.

DEV Community: EmreLutfi

I turned a GitHub repo into a 3D city you can walk through

Why a city

How the scene is built

Try it