• Picks
  • Discover
  • Alternatives
  • About

© 2026 Willet

  • Newsletter
  • About
  • FAQ
  • Terms
  • Privacy & Cookies
Join the Discord (opens in a new tab)
Ahmed Khaleel avatar

GitDiagram

AI-generated architecture diagrams and explainer videos for GitHub repos

  • Developer tools
  • AI apps
View on GitHub
Website

What it is

A web app that reads a GitHub repository and produces an interactive Mermaid architecture diagram with a written explanation, plus optional one-minute narrated videos. Diagram components link to the files and folders they describe, and diagrams export as PNG or Mermaid source. It also runs as a remote MCP server so coding agents can query a repo's structure. Developers getting oriented in an unfamiliar codebase use it by swapping 'hub' for 'diagram' in a GitHub URL, and it can be run on your own infrastructure with your own API keys.

Images

Facts

Stars
18,341 GitHub stars.
18,341

Forks
1,518
Commits
766
Contributors
5
Language
TypeScript
License
MIT
Last commit
Oct 20, 2026
On GitHub since
December 2024
Platforms
web, self-hosted
Self-hostable
Yes
Author
Ahmed Khaleel
Tags
  • video-generation
  • mcp-server
  • diagrams
  • documentation
  • code-intelligence

Last synced from GitHub on Oct 20, 2026

The 10 best overlooked open-source projects, every Monday.

Share and more

Comments

No comments yet. Start the conversation.

Similar projects

  • tt-a1i avatar

    Archify

    Agent skill that turns ideas or codebases into interactive HTML diagrams

    86.2k
  • LikeC4 avatar

    LikeC4

    Architecture-as-code language that turns models into live C4-style diagrams

    5.9k
  • Alexander Grooff avatar

    Mermaid ASCII

    Command-line renderer that draws Mermaid diagrams as terminal text art

    1.6k

What people are saying

Updated Oct 20, 2026
  • Hacker NewsShow HN: Instantly visualize any codebase as an interactive diagramDec 27, 2024 · 222 points · 62 comments (opens Hacker News in a new tab)
  • Bluesky“I forget where I first stumbled across GitDiagram, but it is SO COOL! gitdiagram.com Such a fun project -- just give it a public GitHub URL and it'll convert…”Jan 19, 2025 · 12 likes · 0 replies (opens Bluesky in a new tab)
  • Hacker NewsFree, simple, fast interactive diagrams for any GitHub repositoryApr 1, 2025 · 10 points · 0 comments (opens Hacker News in a new tab)
  • Bluesky“Useful tool - turns any Github repo into explanatory diagram gitdiagram.com”Apr 1, 2025 · 5 likes · 0 replies (opens Bluesky in a new tab)
  • Bluesky“Net find of the day: gitdiagram.com”Jan 21, 2025 · 4 likes · 0 replies (opens Bluesky in a new tab)
  • Bluesky“GitDiagram - Repository to Diagram in Seconds #SuggestedRead #devopsish”Jan 20, 2025 · 3 likes · 0 replies (opens Bluesky in a new tab)
  • Bluesky“gitdiagram.com This tool will generate a mermaid diagram from a git(hub) repository.”Jan 4, 2025 · 3 likes · 0 replies (opens Bluesky in a new tab)
  • Bluesky“GitHub Repo:”May 12, 2025 · 1 like · 1 reply (opens Bluesky in a new tab)
  • Bluesky“GitDiagram - Repository to Diagram in Seconds”Mar 29, 2025 · 2 likes · 0 replies (opens Bluesky in a new tab)
  • Bluesky“Maybe gitdiagram? gitdiagram.com”Feb 17, 2025 · 2 likes · 0 replies (opens Bluesky in a new tab)
  • Bluesky“Trick 3: github.com to gitdiagram.com Turns the repo into an architecture diagram in Mermaid. You see how the pieces connect before you open a single file.”Oct 7, 2026 · 0 likes · 1 reply (opens Bluesky in a new tab)
  • Bluesky“GitDiagram made by Ahmed Khaleel gitdiagram.com Turn any GitHub repository into an interactive diagram for visualization. This is useful for quickly…”Aug 22, 2025 · 1 like · 0 replies (opens Bluesky in a new tab)
  • Bluesky“Turn #Git repos to interactive diagrams. #Visualize the code base with interactive diagrams. Convert any repo into a system design / architecture diagram…”Aug 16, 2025 · 1 like · 0 replies (opens Bluesky in a new tab)
  • Bluesky“ahmedkhaleel2004/gitdiagram Free, simple, fast interactive diagrams for any GitHub repository Git... Result Details”May 15, 2025 · 1 like · 0 replies (opens Bluesky in a new tab)
  • Bluesky“Another interesting project I found,”May 14, 2025 · 1 like · 0 replies (opens Bluesky in a new tab)
  • Bluesky“Repository tod iagram Turn any #GitHub repository into an interactive diagram for #visualization. This is useful for quickly visualizing projects. You can…”Mar 29, 2025 · 1 like · 0 replies (opens Bluesky in a new tab)
  • Bluesky“gitdiagram.com Cool project to apprehend new codebases faster”Dec 30, 2024 · 1 like · 0 replies (opens Bluesky in a new tab)
  • Bluesky“GitHub Repo:”May 4, 2025 · 0 likes · 0 replies (opens Bluesky in a new tab)
  • Bluesky“🛠️ GitDiagram 👉🏻 A tool that generates interactive system design diagrams from GitHub repositories, allowing devs to visualize and navigate codebases quickly…”Apr 20, 2025 · 0 likes · 0 replies (opens Bluesky in a new tab)
  • Bluesky“Free, simple, fast interactive diagrams for any GitHub repository Discussion”Apr 1, 2025 · 0 likes · 0 replies (opens Bluesky in a new tab)