GitHub Repository Visualizer

Software has
architecture.
Now you can see it.

Paste any public GitHub repository. CodeAtlas maps its structure into an interactive graph you can explore, search, and navigate.

The product

A codebase. As a map.

codeatlas.app — facebook/react
packages/
react-dom/
react/src/
scheduler/
reconciler/
ReactFiber.js
hooks/
events/
shared/
server/

facebook/react — 3,400+ files mapped interactively

How it works

Three steps. Zero configuration.

01

Paste a repository URL

Any public GitHub repository. No account, no setup, no configuration required.

02

We analyze the structure

CodeAtlas clones the repo, walks the file tree, and detects every import relationship.

03

Explore like a map

Navigate the interactive graph. Search files, inspect dependencies, and understand the codebase at a glance.

Interactive map

Navigate your codebase like Google Maps.

Every folder and file becomes a node. Zoom, pan, and move through thousands of files without losing context.

codeatlas — repository map
packages/
react-dom/
react/src/
scheduler/
reconciler/
ReactFiber.js
hooks/
events/
shared/
server/
Dependency graph

See what imports what.

Directed edges trace every import statement. In one glance, you can understand a module's full dependency chain.

codeatlas — dependency graph
ReactFiber.js
scheduler.js
ReactDOM.js
hooks.js
events.js
shared.js
context.js
Instant search

Find any file in under a second.

Type a filename, press enter, and the canvas navigates directly to that node. No scrolling through trees.

codeatlas — search
Code inspector

Inspect without switching context.

Select any node to see its file path, language, size, import count, and related files — without opening a new tab.

codeatlas — inspector
Inspector
FileReactFiber.js
Pathpackages/react-reconciler/src/
LanguageJavaScript
Size42.8 KB
Imports18 modules
Imported by6 files

Start with any
public repository.

No sign-up. No rate limits. Just paste and explore.