Interactive architecture diagrams
A clear map of any codebase: services, modules and the connections between them, drawn in seconds.
Free · Open source · AI-powered
Any repo.One solution.
Turn any GitHub repository into an interactive diagram for visualization.
Or, replace 'hub' with 'diagram' in any GitHub URL.
$0
Free to use, no account needed
1
URL change: github → gitdiagram
2
Export formats: PNG and Mermaid
100%
Open source on GitHub
How it works
From repo to diagram
Three steps, no setup. GitDiagram does the reading so you can get straight to understanding.
- 01
Paste a repository
Enter owner/repo or any GitHub URL. Or replace “hub” with “diagram” in the address bar of any repository page.
- 02
AI reads the code
GitDiagram reads the file tree, the README and key source files, then maps the components and how they connect.
- 03
Explore the diagram
Zoom and pan, click any component to jump to its source on GitHub, and export the result as PNG or Mermaid.
Features
Everything you need to read code fast
Built for engineers who need to understand unfamiliar code quickly, and for the AI tools they work with.
Explore with Gitty
Click into any module, file or function, trace a feature end to end, see what breaks if it changes, and ask Gemma. Answers cite the exact lines.
Export PNG & Mermaid
Drop the diagram into docs, slides or a pull request, or keep editing the Mermaid source yourself.
Private repositories
Use your own GitHub token for private code. The token stays in a secure cookie and is never saved on our servers.
Built for AI agents
Every diagram is also Markdown at /owner/repo.md, and an MCP server lets assistants look up diagrams directly.
Bring your own key
Add your own OpenAI API key for unlimited generations on your account, whenever you need more.
Use cases
Made for how you work
Whether you are joining a team, reviewing a dependency or teaching system design, a diagram gets everyone on the same page.
Onboarding
Understand a new codebase on day one instead of week three.
Open-source contributing
See how a project fits together before you open your first pull request.
System design study
Learn real architecture from production projects like FastAPI and Flask.
Docs & reviews
Export an up-to-date diagram for design docs, READMEs and architecture reviews.
Examples
Browse all diagramsSee it on real repos
FAQ
Questions, answered
Anything else? Open an issue on GitHub or visit the support page.
Is GitDiagram free?
Yes. Generating and viewing diagrams of public repositories is free and needs no account. You can add your own API key if you want to generate more.
Does it work with private repositories?
Yes. Open Private Repos in the navigation and paste a fine-grained GitHub token that can read the repository. The token is sent with each request and never stored on our servers.
What is the fastest way to open a diagram?
Replace “hub” with “diagram” in any GitHub URL. github.com/owner/repo becomes the same path on GitDiagram and opens that repository’s diagram.
Can I edit or export the diagram?
You can export it as a PNG image or copy the Mermaid source, then edit it in any Mermaid-compatible tool or paste it straight into Markdown.
Can AI assistants use it?
Yes. Each repository’s diagram is available as Markdown at /owner/repo.md, and the MCP server at /mcp lets assistants like Claude and ChatGPT find and open diagrams.
Get started
Map your next codebase
Paste a repository and get an interactive diagram in seconds. Free, open source, no sign-up.