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