etchpad

The Spatial Code Editor

Code in a live wiring diagram. Get a better understanding, faster.

▶ Real session replay — actual DOM, not a video · BurntSushi/ripgrep

How it works

01

Open your project locally.

Point etchpad at the codebase on your machine, etchpad will scan the code and build your map

02

See the structure you already have.

Your existing code is remapped into a live diagram, organised by real dependencies. Every block is a construct in your code, every wire a reference that actually exists. It's generated procedurally from the source. It's factually correct, never out of date, and never hallucinated.

  • Zoom out for architecture; zoom in until you're reading the code

  • Select anything to inspect it: modules, packages, classes, fields, references, dependencies

  • Recent changes surface on the map where they happened as a semantic diff

03

Direct your AI with confidence.

Use the visuals, the semantic diff, and your expertise to see what needs to change next, make edits manually or dispatch to an agent.

100150

Under the hood

Core engineering powering etchpad

Semantic model

Etchpad parses and indexes your codebase to build a semantic model, letting you navigate code semantically.

Deterministic map

Etchpad generates a blueprint deterministically from source. Zoom in to read code; zoom out to assess module and package interdependencies and complexity.

AI layer

Etchpad can (optionally) dispatch Claude Code or Codex to build an AI walkthrough of the hardest parts of your codebase utilising tool calling to the etchpad CLI. Clear separation of the ground truth code and the AI inferences.

Abstraction model

Etchpad has a universal abstraction model across programming languages. One visual language to learn for any project, and for multi-language projects.

Humanist Interface

Etchpad is on a mission to make the most ergonomic UI for devs to understand and ingest their code so that we keep humans in the loop when building valuable systems.

Separated semantic and AI pipelines
AI inferenceClaude Code · CodexAI overlaywalkthroughs · explanationsLAYERED ON TOPyour repoon your machineparsing + semanticsdefs · refs · depsdeterministic blueprintTHE MAP YOU NAVIGATE

Main pipeline: procedural, traditional, reliable. AI pipeline: insightful, helpful, overlaid

Works with your stack

Rust Programming Language
Available Now
TypeScript
Available Now
JavaScript
Available Now
Python
Available Now

Unlock a deeper understanding

Transform how you navigate, understand, and modify complex software systems

diff overlays

Review diffs with full context

Open a PR or commit as an overlay on the map — see each change where it lives and what it touches. The AI overlays work on the diff, too.

Expose module dependencies

A live graph of your package structure, navigable and editable

Remember spatially

Use spatial cues to recall structure faster

Interact at block level

Blocks delineate code structures — hover for options, select to light up everything it touches

etchpad-explain

Prose walkthroughs on the map

AI-written explanations of your codebase, pinned to real constructs — every claim links to the code it describes.

etchpad-walkthrough

Visual walkthroughs

AI-authored overlays trace the salient paths through the diagram — the architecture, explained on the architecture.

01020304050600°30°60°90°26.5°
Rustacean Crab

Written in Rust

for stability and performance

Get etchpad

Join the waitlist to be notified at launch