Skip to main content
Projects
Developer ToolsOpen Source

GitDiagram

Turns any GitHub repository into an interactive diagram. Paste a repo, read the map, and jump from a component back to the source.

Role
Full-Stack Developer
When
Oct 2026
Org
Open source
Stack
Next.js · React · Mermaid
GitDiagram homepage with a field to paste any GitHub repository
GitDiagram homepage with a field to paste any GitHub repository
Interactive diagram of the FastAPI repository with file relationships and Gitty
Interactive diagram of the FastAPI repository with file relationships and Gitty
Feature cards for architecture diagrams, Gitty, and PNG or Mermaid export
Feature cards for architecture diagrams, Gitty, and PNG or Mermaid export

Stack

01
Next.jsReactMermaid

What shipped

02
  • Repo URL in, architecture diagram out
  • Click a node to open the source on GitHub
  • Export PNG and Mermaid
  • Built for people and for AI agents

Outcome

03

A public way to read an unfamiliar codebase in minutes, shipped from the Hacktoberfest build and still live.

Live site All projects
Discuss this build →