Features Quick Start GitHub
English | 繁體中文
Get Started

One Click to Understand What You Built

You don't need to read code to understand your project. CodeAtlas turns any codebase into visual maps — see the architecture, data flow, and logic in minutes. Open source, local-first, and your code never leaves your machine.

$ npx code-atlas
localhost:3000
CodeAtlas Structure Flow — interactive project architecture visualization

Your Codebase, Explained Visually

No more guessing how things connect. Three interactive views give you clarity — even if you've never read a line of code.

Structure Flow

See every file in your project and how they connect — displayed as a beautiful interactive map. Finally know which parts depend on each other, without opening a single file.

Structure Flow — file tree with detail panel

Logic Overview

AI reads your code and explains what each part does in plain language. Understand your entire project's purpose and structure — no programming knowledge required.

Logic Overview — categorized module cards

Data Journey

Follow how information flows through your app from start to finish. See exactly what happens when a user clicks a button, submits a form, or triggers any action.

Data Journey — API endpoint cards

AI-Powered Analysis

Works with Claude, OpenAI, or fully offline. AI generates plain-language explanations of your code — and never sends your project to any server without your explicit permission.

AI-powered code analysis results

Wiki & Knowledge Export

Turn your project into readable documentation automatically. Export as Markdown wiki pages and build a searchable knowledge graph — perfect for sharing with your team or future you.

Local-First & Private

Your code stays on your computer. Period. CodeAtlas runs 100% locally — no uploads, no cloud, no accounts. Install once and use it anywhere with complete peace of mind.

Local analysis — call chain tracing with AI insights

Up and Running in 60 Seconds

No config files. No sign-ups. Just run one command and see your project come alive.

Run CodeAtlas

One command is all it takes. No setup, no configuration.

npx code-atlas

Point to Your Project

CodeAtlas scans your project folder and automatically builds a complete map of how everything connects.

code-atlas analyze ./my-project

Explore the Visual Map

Your browser opens automatically with an interactive visualization. Click around to explore the structure, logic, and data flow of your project.

http://localhost:3000

Export as Wiki (Optional)

Generate documentation your whole team can read — even non-developers.

code-atlas wiki ./my-project --output ./docs

See It in Action

Watch CodeAtlas turn a real project into interactive visual maps in under 2 minutes.

Watch the Demo Demo video coming soon

Handles Real-World Projects

Whether your app is 10 files or 10,000 — CodeAtlas can parse, analyze, and visualize it.

core
Analysis Engine
cli
Orchestration
web
Visualization

Three-layer architecture: core analyzes your code, cli runs the local server, and web shows you the interactive visualization. Everything stays on your machine.

Parses TypeScript, JavaScript, Python, and Java
Interactive visual graphs powered by React Flow + D3.js
Runs a local server — nothing leaves your computer
AI explanations via Claude, OpenAI, or fully offline
Works on Windows, macOS, and Linux
Bilingual interface (English & Chinese)

Ready to See What You've Built?

Install in one command. Free and open source. No coding knowledge needed.

npm install -g code-atlas