Introducing CodeViz

See Your Codebase.
Finally.

CodeViz turns any code repository into a living, interactive visual map — so non-developers can understand, audit, and plan changes with confidence.

Get Early Access See What It Does
CodeViz — by Alexander Milosevic
CodeViz Open folder Plan Analyze main.tsElectron entry point preload.tsIPC bridge ipc/index.tsAll IPC handlers ipc/claude.tsSecurity flag detected! ipc/aiPlanning.tsPlanned: add Gemini✎ ipc/snapshot.tsModified since last scan~ fileScanner.tsWalks directory tree App.tsxRoot React component Toolbar.tsxControls + scan trigger GraphContainer.tsxBuilds React Flow graph DetailPanel.tsxFile inspector sidebar FileNode.tsxNew file since last scan+ store/index.tsZustand global state Plan Provider Claude What files need to change to add dark mode? Generate Plan result ~ App.tsx ~ FileNode.tsx + theme.ts Security flag Changed since last scan AI plan will modify Git modified Key file +New file ~Modified ✎Planned change !Security alert

What it does

Everything you need to understand
code you didn't write.

CodeViz is built for product managers, founders, and team leads — not just developers.

🗺

Interactive Visual Map

Open any folder and instantly see every file, how they connect, and what role each plays — as a live, zoomable graph.

Live now
✨

Plain-English AI Analysis

Click Analyze with Claude and every file gets a plain-English description. No jargon. Built for people who don't code.

Live now
🔴

Security Scan

Claude reviews the codebase for suspicious code — exfiltration, obfuscation, backdoors — and flags anything that doesn't belong.

Live now
📸

Scan Snapshots & Change History

Every scan saves a snapshot. Next time you open the project, new and modified files glow cyan so you can see exactly what changed.

Live now
✎

AI Planning Panel

Ask Claude, Gemini, or Grok "what files need to change to add dark mode?" and watch the graph highlight the answer in purple.

Live now
⎇

Git Integration

Uncommitted changes show on the graph. Click any file to see the full git diff — colour-coded and readable without a terminal.

Live now
🌐

Web Version

Drag and drop a project folder in your browser — no install required. Works with any codebase, anywhere.

Coming soon
🔗

Live Claude Integration

As you chat with Claude about your codebase, CodeViz updates in real time — showing exactly which files are about to change.

Coming soon
📤

Export & Share

Export your visual map as a PNG or shareable snapshot. Send it to a client or drop it in a Notion doc.

Coming soon

How it works

Four steps from folder to clarity.

1

Open a folder

Point CodeViz at any project directory — local or on a drive. No configuration needed.

2

Graph appears instantly

Every file and its connections map out in seconds. Switch between tree, radial, and force-directed layouts.

3

Add your Claude API key

Stored securely in your OS keychain. One click runs the full AI analysis — descriptions, security scan, edge labels.

4

Ask and explore

Use the Planning Panel to ask what files will change for any feature. Click any node to drill into detail.

Visual language

Every colour means something.

CodeViz uses a consistent colour system so you can read the state of your codebase at a glance.

Security flag detected
Modified since last scan
AI plan will modify this file
Git uncommitted changes
Entry point / key file
AI analysis complete

🚀

Early access is coming.

CodeViz is in active development. Leave your email and you'll be first to know when it's ready to download.

✓ Graph visualizer ✓ AI file descriptions ✓ Security scan ✓ Git integration ✓ Scan snapshots ✓ AI planning panel ↳ Web version ↳ Live Claude integration ↳ Export & share ↳ Public release