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

What is 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.

Overview of codeflow

What it is

CodeFlow is a browser-based tool that turns any GitHub repository or local codebase into an interactive architecture map. It requires no installation, no accounts, and runs entirely in the user's browser. The tool processes code locally and does not send data to any server.

Key features

  • Interactive Dependency Graph: Visualize file connections; click nodes to highlight dependencies; drag, zoom, and explore.
  • Blast Radius Analysis: Select a file to see how many files would be affected by changes.
  • Code Ownership: View top contributors for any file based on git history.
  • Security Scanner: Automatically detects hardcoded secrets, SQL injection, dangerous eval(), and debug statements.
  • Pattern Detection: Identifies singleton, factory, observer/event patterns, React custom hooks, and anti-patterns like God Objects.
  • Health Score: Grades codebase A–F based on dead code, circular dependencies, coupling, and security issues.
  • Local File Analysis: Analyze code from your computer without uploading; supports drag-and-drop, folder scanning, and custom exclude patterns.

Use cases

  • Understanding a new codebase quickly.
  • Assessing the impact of proposed changes before making them.
  • Conducting code reviews with ownership and security context.
  • Scanning for security vulnerabilities in private or public repositories.
  • Analyzing local files offline without internet access.
  • Evaluating pull request impact by pasting a PR URL.

Getting started

bash # Option 2: Self-host git clone https://github.com/braedonsaunders/codeflow.git open index.html # Option 3: Local CLI (once published) npx codeflow . Alternatively, visit the online version and paste any GitHub URL.

License and pricing

MIT license. Open source and free to use.

Based on the project's public README and repository metadata.

Add this badge to your README

Featured on YunoDB Badge styles & help

Maintain this project? Show that it is featured on YunoDB.

Markdown[![Featured on YunoDB](https://yunodb.com/badge/braedonsaunderscodeflow.svg)](https://yunodb.com/tools/braedonsaunderscodeflow?utm_source=github&utm_medium=badge)
HTML<a href="https://yunodb.com/tools/braedonsaunderscodeflow?utm_source=github&utm_medium=badge"><img src="https://yunodb.com/badge/braedonsaunderscodeflow.svg" alt="Featured on YunoDB" height="20"></a>