Skip to content
CodeVerse

Explore any codebase as a 3D universe.

Paste a GitHub repository and fly through its architecture, dependencies, history, and code.

Explore a repository

Paste a URL or owner/name. Branch, tag and commit links open that revision.

CodeVerse in numbers

languages parsed into syntax trees
6
files drawn per world by default
25,000
languages recognized and colored
60
lines of repository code executed
0

Interactive example

The real engine, running on a demo repository.

Every building is a file in codeverse-demo/acme-platform, a small polyglot monorepo bundled with CodeVerse. Same layout engine, same WebGL renderer as the explorer, entirely in your browser.

  • Drag to orbit
  • Click a building to inspect it
  • Scroll to zoom, after clicking in

Demo repository

srcpackagesservicesdocstestspublicscripts

codeverse-demo/acme-platform

Rendered live from a graph bundled with the page. Nothing is fetched from GitHub.

files
41
symbols
56
dependencies
41
commits
16
languages
10

How it works

From a URL to a universe in four stages.

Analysis runs on the server as one streamed request. Your browser receives a normalized graph, and source is fetched only for the files you open.

  1. 1Fetch

    Read it through the GitHub API

    The tree, source files and recent history arrive over HTTPS. Nothing is cloned, installed or built, and no repository code is ever executed.

    REST + GraphQL · byte budgets

  2. 2Parse

    Build real syntax trees

    tree-sitter grammars compiled to WebAssembly parse TypeScript, JavaScript, Python, Java, Go and Rust into declarations, exports and imports.

    web-tree-sitter · 6 grammars

  3. 3Graph

    Normalize into a RepositoryGraph

    Directories, files, symbols, resolved imports, commits and contributors become one provider-agnostic model, cached per repository and commit.

    keyed by repository@commit

  4. 4Render

    Lay out and draw the world

    A deterministic layout turns directories into districts and files into buildings. Instanced WebGL draws thousands at once; detail appears up close.

    three.js · instancing · LOD

Features

Eight ways to read a codebase.

Switch lenses without leaving the scene. Every view reads the same graph, and the modes sit on number keys.

  • Architecture districts

    Shortcut 1

    Directories become terraced districts and files become buildings, sized by lines of code and colored by language.

  • Dependency arcs

    Shortcut 2

    Resolved imports arc between buildings. Select a file to trace what it depends on, and what depends on it.

  • Activity & history timeline

    Shortcut 3

    Scrub through recent commits and watch the files they touched light up.

  • Contributors

    Shortcut 4

    Pick a contributor to see which parts of the codebase they shaped in the analyzed history.

  • Complexity

    Shortcut 5

    Large files with many symbols and dependencies stand out, so hotspots are visible from orbit.

  • Search & source viewer

    Shortcut /

    Jump to any file or symbol, then read highlighted source at the exact line, fetched on demand.

  • Shareable views

    Links carry the revision, mode, selection and camera, so whoever opens one lands exactly where you are.

  • Large-repository modes

    Progressive and directory-first tiers keep huge repositories responsive, and always say what was left out.

Examples

Start with a codebase you know.

Famous repositories make good landmarks. Here is what to look for in each.

  • JavaScriptMonorepo

    facebook/react

    UI library monorepo

    Every package under packages/ becomes its own district. Compare the renderers with the reconciler they share.

  • TypeScriptMonorepo

    vercel/next.js

    Full-stack React framework

    packages/next towers over the skyline, with a sprawling test/ district beside it. Switch to Activity to see where work happens now.

  • JavaScriptPolyglot

    nodejs/node

    JavaScript runtime

    lib/ is parsed JavaScript with symbols and imports; the C++ runtime in src/ and vendored deps/ are sized, not parsed.

  • CDirectory-first

    torvalds/linux

    Kernel — directory-first mode

    Tens of thousands of files trigger directory-first mode, so drivers/, arch/ and fs/ read as districts at a glance.

Open source

Open source, private by default.

CodeVerse analyzes public repositories on demand and keeps nothing it does not need. Read how it works, run it yourself, or teach it a new language.

Read the architectureContribute
Run your own CodeVerse
# Run it locally$ git clone https://github.com/tedddby/CodeVerse.git$ cd CodeVerse && pnpm install$ pnpm dev   # http://localhost:3000 # Or ship the Docker image$ docker build -t CodeVerse .$ docker run -p 3000:3000 -e GITHUB_TOKEN=github_pat_… CodeVerse

  • MIT licensed

    Analyzer, parser, layout engine and renderer all live in the repository. Use it, fork it, ship it.

  • No tracking

    No accounts, no analytics, no tracking. Paste a URL and explore.

  • Source never stored

    Cached graphs hold structure and metadata only. Source is fetched when you open a file.

  • Self-hostable

    Deploy to Vercel or run the Docker image. An optional GITHUB_TOKEN stays on the server.

Parsed into syntax trees

  • TypeScript
  • JavaScript
  • Python
  • Java
  • Go
  • Rust

54 more languages are recognized, sized and colored.

See your codebase from a different dimension.

Paste a repository and see its shape in seconds. If CodeVerse helps you, a star helps other developers find it.

Explore a repositoryStar on GitHub