
codeflow
Paste any GitHub URL → interactive architecture map. See how files connect, find what breaks if you change something. No install, no accounts. Runs entirely in your browser.
The Lens
By Erik Loyd, SaaS CEO and former COO/CFO of an AWS Premier Partner.
Updated Sep 2026
CodeFlow turns a GitHub repo into an interactive dependency map. Paste a URL or drag in a local folder and it renders the file graph in your browser, picks out singletons, factories and god objects, scans for hardcoded secrets and risky eval calls, and gives you an A-F health grade. Runs entirely client-side. MIT.
No install, no backend, no build step: it's one HTML file. Your code goes from GitHub straight to your browser and nowhere else. If you add a GitHub token to read private repos, the token lives only in tab memory and disappears when you close it. There's a free hosted version, or clone the repo and open the file. It also ships a GitHub Action that drops an SVG health card on your README, recomputed every merge.
For new engineers landing on a codebase, this is the fastest way to get oriented. For tech leads, the blast radius view answers 'if I change this file, what breaks.' For a polished architecture diagram in a doc, it works, but expect to clean up the export.
The catch: it's a heuristic static analyzer. The README says edges come from matching function names and explicit imports, so dynamic imports, reflection and renamed runtime references slip past it. Good for the shape of the system, not the truth of it.
Free vs Self-Hosted vs Paid
fully freeFree tier: The hosted web app at codeflow-five.vercel.app. Free to use, no account.
Self-hosted (free): MIT licensed. A single static HTML file with its libraries vendored, so self-hosting means opening index.html or dropping it on any static host. No backend.
Paid (cloud): None.
The cost you don't see: None for the core tool. The optional README-card GitHub Action runs on your Actions minutes, which are free on public repos.
Free, MIT licensed. The hosted web app is free and self-hosting is a single HTML file.
What to do by team size
- Solo
- free
- Small team
- free
- Medium team
- free
- Large team
- free; use it for orientation, not as an architecture source of truth
Get tools like this every Wednesday
One featured tool, three on the radar. No fluff.
A low score is not a verdict on quality. Young and niche tools start low by design. How we calculate scores
About
- Owner
- Braedon Saunders (User)
- Stars
- 5,488
- Forks
- 830
Explore Further
More tools in the directory
rea
Reverse engineer anything with agents, from app behavior down to native binaries.
453.7k ★everything-claude-code
The agent harness performance optimization system. Skills, instincts, memory, security, and research-first development for Claude Code, Codex, Opencode, Cursor and beyond.
301.6k ★ponytail
Makes your AI agent think like the laziest senior dev in the room. The best code is the code you never wrote.
189.4k ★