3D City Visualization
CoreBuildings scale by line count — the tallest towers are your most complex files. Spot refactoring targets before reading a single line of code.
Free & Open Source Code Visualization
Turn Any GitHub Repo
Into a 3D City
Paste a GitHub URL and CodeCity maps every file as a building, every directory as a district — an interactive 3D cityscape you can fly through.
16+
Languages
<60s
Repo to City
MIT
Licensed
codecity.app/project/…
Features
Each feature maps a different dimension of your codebase into something you can see, click, and explore.
Instant Analysis
SpeedPaste a GitHub URL. No CLI, no config files, no cloning — your 3D city renders in under 60 seconds, even for monorepos.
Code Insights
AnalysisBuilding height encodes file size. Color encodes language. Cluster density reveals coupling. Your architecture becomes self-documenting.
GitHub Integration
GitHubWorks with any public repo instantly. Sign in with GitHub to unlock your private repositories — one click, no tokens to manage.
Interactive Explorer
3DClick a building to see its file path, language, and size. Hover for quick stats. Pan, zoom, orbit — explore code the way you explore Google Earth.
District Map
NavigationTypeScript, Python, CSS — each language gets its own color-coded district. A bird's-eye minimap helps you orient across even the largest codebases.
Persistent Projects
CloudEvery city you build is saved. Come back next sprint to re-analyze and see how your codebase has grown, shrunk, or shifted.
Privacy First
SecurityYour source code never leaves GitHub. CodeCity only stores the structural metadata needed to render your city — no code, no secrets, no risk.
Code You Can Actually Navigate
File trees scale poorly. Tens of thousands of files become impossible to reason about. CodeCity maps your codebase onto a 3D city — a mental model your brain already knows how to use.
Onboard Faster
New team members understand codebase structure in minutes — not days. The city reveals module boundaries and where the important code actually lives.
Spot Technical Debt
Towering buildings mean large, complex files. Sprawling districts mean over-coupled directories. See refactoring targets before opening a single file.
Architecture Reviews
Present codebase structure without drowning in file trees. The 3D city makes architecture tangible — perfect for design reviews, team demos, and tech talks.
Compare Repos
Analyze multiple repos side by side. See how microservices stack up, track growth over time, or compare your fork to upstream at a glance.
16 Languages. Real Parsing, Not Regex.
CodeCity parses actual syntax trees — functions, classes, imports, and complexity metrics. Every language gets its own district color in the city.
TypeScriptJavaScriptPythonGoRustJavaKotlinRubyPHPSwiftCSSSCSSHTMLMarkdownJSONYAML
Repo to City in 60 Seconds
Three steps. No install. No configuration.
1
Paste URL
Grab any GitHub repo URL — public or private — and paste it into CodeCity. No cloning, no CLI.
2
Background Analysis
CodeCity fetches the file tree, parses every source file, and computes the 3D layout server-side. You watch real-time progress.
3
Explore Your City
Your city is ready. Click any building to inspect a file, zoom into districts by language, and re-analyze whenever your codebase changes.
1
Paste URL
Grab any GitHub repo URL — public or private — and paste it into CodeCity. No cloning, no CLI.
2
Background Analysis
CodeCity fetches the file tree, parses every source file, and computes the 3D layout server-side. You watch real-time progress.
3
Explore Your City
Your city is ready. Click any building to inspect a file, zoom into districts by language, and re-analyze whenever your codebase changes.
Public Cities
Explore Real Codebases
Fly through open-source repos visualized as 3D cities — no login required.
See Your Codebase in a New Dimension
Paste any GitHub URL. In under 60 seconds you'll be flying through your codebase. Free, open source — no sign-up required for public repos.
Free to useMIT LicensedNo Account for Public Repos