RepoMap LogoRepoMap
AST-Driven Interactive Knowledge Graph

Google Maps for Source Code.

Turn dense repositories into explorable 2D spatial maps. Zoom effortlessly from macro architecture down to AST function calls with zero configuration.

Quick Try:
THE PAIN // MILLER'S LAW

Linear Tab Disorientation

Human working memory holds only ~7 items. Tracing code across dozens of open tabs forces continuous cognitive re-indexing and mental fatigue.

Cognitive Load: Overwhelmed45+ Tabs
THE SOLUTION // SPATIAL GRID

Deterministic 2D Cartography

Human spatial memory recalls physical coordinates effortlessly. Mapping AST modules onto a persistent 2D grid makes navigation instinctive.

Spatial Accuracy: 100%Fixed Layout
THE PAYOFF // FLOW STATE

Split-Screen Code & AI Mastery

Onboard in hours instead of weeks. Inspect function call chains and query multi-agent AI side-by-side without leaving your visual context.

Context Switching: Zero0 Tabs
QUICK ONBOARDING

How it works

From a standard GitHub URL to an interactive knowledge graph in seconds.

01

Connect Repo

Paste any public GitHub repository URL. No manifest files or configuration required.

02

Map Dependencies

Our engine parses the AST, maps imports, and builds a comprehensive dependency graph.

03

Explore Visually

Navigate your codebase spatially. Zoom in to read inline code, zoom out for architecture.

Drag to Pan • Click Nodes to Inspect
01/Why & All About RepoMap
Why RepoMap & All About The Tool

Escape Tab Fatigue & Mental Overload

See the immediate difference between linear file browsing and spatial 2D AST graph cartography.
VS Code — Linear Directory Tree
45 Tabs Open
├── controllers/
├── UserController.ts! Memory limit
├── AuthController.ts? Where called?
├── services/
├── BillingService.ts! Circular import
└── models/
└── UserSchema.prisma
The Problem: Linear reading forces your working memory to hold thousands of lines. Tracing an API call requires jumping across dozens of disconnected tabs, causing severe disorientation.
Cognitive Load: CriticalContext: Lost
RepoMap — Spatial 2D Knowledge Graph
0 Tab Switching
[Entry] routes/users.tsLine 42
├── (AST Verified Call) ──►
[Auth] lib/jwt.ts : verifySession()14 Callers
The Solution: RepoMap extracts exact Abstract Syntax Tree (AST) imports right in your browser and maps them onto a deterministic spatial grid. You instantly see how modules connect without losing context.
Cognitive Load: ZeroSpatial Clarity: 100%
100% In-Browser
Zero Backend Indexing or Cloning Required
0s Setup Time
Paste Any Standard GitHub Repository Link
AST + AI Linked
Multi-Agent Orchestrator & Q&A Assistant
Draw.io XML
Export Presentation Architecture Diagrams
02/Target Audience & Personas
Target Audience & Personas

Built For Whom? Tailored Superpowers for Every Role

Fast-Track Mastery
Onboarding Engineers & New Hires

Understand system architecture in hours, not weeks.

Eliminate 'tab fatigue' from opening hundreds of files blindly during onboarding. Get a crystal-clear bird's-eye view of high-level system boundaries immediately and autonomously trace data flows from UI to database schemas.

Instant AST MappingZero ConfigurationDraw.io XML Ready
Simulated Onboarding Navigation
AST Path: Verified Connected Nodes
src/components/LandingPage.tsx -> src/services/api.ts -> server/routes/analyze.ts
Status: Active Engine TraceSpatial Coordinates: Pinned
03/Core Workflow Mechanics
Developer Workflow & Core Mechanics

How It Makes Understanding Source Code Easy

Three core pillars of cognitive psychology, progressive disclosure, and multi-agent AI intelligence.

01
Cognitive Psychology

Spatial Code Memory (Miller's Law)

Human working memory holds only ~7 items at once. Linear tab browsing forces continuous mental re-indexing. By pinning files and modules across a deterministic spatial grid, your brain naturally taps physical spatial memory to remember where core logic, database models, and utilities reside.

“Files remain in fixed coordinates so you instinctively navigate directly to auth, API, and schema layers every time.”
Persistent 2D Grid0 Tab Switching
02
Visual Hierarchy

Progressive Disclosure (Shneiderman's Mantra)

'Overview first, zoom and filter, then details-on-demand.' Never get overwhelmed by 10,000 files at once. Start from macro-level directory clusters to understand overall system architecture, then click to expand directory nodes or zoom into exported functions right when needed.

“Directory Cluster -> Single File -> AST Exported Function. Expand only what your brain needs right at that moment.”
Smooth Zoom LayersMacro to AST Depth
03
Integrated Intelligence

Flow State Protection (Split-Screen AI)

Every tab switch drains cognitive focus and breaks your train of thought. Click any node on the graph to open the interactive file panel right alongside the canvas. Read full source code, trace callers, check git churn hotspots, or query multi-agent AI without ever leaving your visual context.

“Full TypeScript/JSX syntax highlighting and AST node inspection synchronized right beside your spatial graph.”
Split-Screen Canvas100% In-Browser
04/Interactive Step-By-Step Guide
Step-by-Step Guide

How To Use RepoMap: From GitHub Link to AST Mastery

STEP 01//Input Action

Paste Any GitHub URL

Enter any public GitHub repository link (e.g., https://github.com/expressjs/express) into the search bar above and click Analyze. Or press Cmd/Ctrl + K anytime to focus the URL bar instantly.

Click Next or use tabs above to cycle steps
Live Simulation Console
Ready for AST Extraction
https://github.com/expressjs/expressActive Action
Engine status: ReadySpatial layout: Deterministic