Plain-AyI
← All projects
Coding assistants

GitDiagram

See how any GitHub project is put together as an interactive diagram or a one-minute explainer video.

What it does

GitDiagram turns a software project on GitHub into an interactive diagram of its main parts and how they connect, with an AI-written explanation. Clicking a part takes you to the matching code.

It can also make a narrated video of about a minute explaining what the project does and how it's built. You can download diagrams as images and videos as MP4 files.

A shortcut: in any GitHub web address, replace "hub" with "diagram". AI assistants can also use it through an MCP connector, a standard way of plugging tools into AI apps.

Who it's for

Developers, students and curious readers who want to quickly understand an unfamiliar codebase.

Can I use it without coding?

Yes. Just use the website; running your own copy needs technical setup. New to this? Start here.

Can I run it?

Cost
FreeNothing to pay or sign up for.
Runs on
Web browser
Computer
An ordinary computer is fine
Privacy
Sends what you give it to an online service
API key
Not needed

Try it

  1. Open the GitDiagram website and enter a GitHub project.
  2. Or replace the word hub with diagram in any GitHub project's web address.
  3. Explore the diagram, click parts to jump to the code, or press Video for an explainer.

Using Claude Code, Cursor or another AI coding assistant? Paste the prompt and it will walk you through the setup.New to this?

Before you install

  • Only download from the official GitHub page. Copies with similar names exist for many popular projects.
  • License (MIT): Very permissive: free to use, change and share, including for business.
  • What you type or upload is sent to an online service. Avoid sharing private or sensitive information.
  • More on staying safe

Where people are talking about it