TESIGN
SAVED

EN · KO

  1. TESIGN / RADAR
  2. 2026.09.20
  3. GitDiagram

GitDiagram

See how a GitHub project is built

WHO USES ITPeople opening an open-source project for the first time, developers inheriting a codebase, and new joiners finding their way around.

Use in the browser

Paste a GitHub repository URL and get its architecture as one interactive diagram.

★ 16.7k▲ +6 / 7dDaily star increases over 14 days. Hollow bars mean no data. The last day may be partial.2026-09-06 +22026-09-07 no data2026-09-08 no data2026-09-09 no data2026-09-10 no data2026-09-11 no data2026-09-12 no data2026-09-13 no data2026-09-14 no data2026-09-15 no data2026-09-16 no data2026-09-17 +62026-09-18 no data2026-09-19 no datalargest one-day increase in the 14 days+6last 14 days · stars per dayhollow = no data

16,652 stars · checked on GitHub · 7-day +6 observed via GH Archive (as of )

The GitDiagram entry screen: a field for a repository URL, a Diagram button and example repositories such as FastAPI and Flask.
The GitDiagram entry screen: a field for a repository URL, a Diagram button and example repositories such as FastAPI and Flask.

TESIGN TAKE

The diagram earns its place because each box opens the actual file. On an unfamiliar repository it saves the first few minutes of deciding where to start reading.

TRY

AT A GLANCE

LICENSE
MIT
USAGE
Use, change and redistribute, commercially too. Keep the notice.
LANGUAGE
TypeScript
PLATFORM
web
ACTIVITY
last commit within 24 h () · no releases
COMMUNITY
4 contributors · 40 open issues (incl. PRs) · made by: an individual
SOURCES
GitHub
OPEN SOURCE
YES
FIRST SEEN
CATEGORY
DEV TOOLS

A summary, not legal advice.

WHY IT MATTERS

Opening someone else’s repository shows folder names, not how the parts fit. GitDiagram reads the file tree and the README and draws a system-level graph instead of a folder chart. You can also just swap "hub" for "diagram" in a GitHub URL.

BUILD FROM THIS

  • Next.js 16, React 19 and TypeScript, with the graph drawn in Mermaid. Clicking a component opens the real file or directory on GitHub, and you can copy the Mermaid source or download a PNG. Private repositories work with a token held in your browser, stored separately. Generation uses OpenAI by default, with OpenRouter available for self-hosted deployments.

WHO IT'S FOR

People opening an open-source project for the first time, developers inheriting a codebase, and new joiners finding their way around.

START IN 5 MINUTES

# Paste a repository URL at gitdiagram.com, or replace "hub" with "diagram" in the GitHub URL you are already looking at.

CAVEATS

  • The diagram is an AI’s reading of the code and can be wrong. The hosted service meters usage, and self-hosting needs your own OpenAI or OpenRouter key.

RECEIPT

FIRST SEEN
AT SOURCE
KEPT
CREATED → FIRST SEEN
641d
WHEN FIRST SEEN
16,146 ★
SOURCES
GitHub

The same facts in machine-readable form — View as Markdown · JSON

SIMILAR TOOLS

Up to five from DEV TOOLS by ★ total: edited entries first, then repository cards; this entry is highlighted. Drawn from the same stored snapshot as the rankings — a comparison, not a recommendation.

IMAGENAME★ TOTAL▲ 7dLICENSEPLATFORMLAST PUSH
ECC README banner: headline 'The operating system for AI agent harnesses', harness chips, and skill, agent and command lists.
eccSkills, memory and security for agents★ 263k▲ +565MITpermissivewindows · macos · linux · cli
DeepSeek Harness landing: blue background, the headline 'Everything is a plugin' and a quick-start box with the npx command.
DeepSeek HarnessPlugin agent harness for developers★ 230k▲ +755MITpermissiveweb · cli
ponytail.dev landing page: a line-drawn developer with a ponytail on black, the title 'ponytail' and an install button.
ponytailMake your agent write less code★ 143k▲ +563MITpermissive—
Spec Kit docs landing page — the headline 'Build with a spec, fix a bug, or assess an idea' and the uv tool install specify-cli command
Spec KitSpec-first process for coding agents★ 138k▲ +155MITpermissivecli · windows · macos · linux
The GitDiagram entry screen: a field for a repository URL, a Diagram button and example repositories such as FastAPI and Flask.
GitDiagramSee how a GitHub project is builtTHIS ENTRY★ 16.7k▲ +6MITpermissiveweb

ALSO WORTH SEEING

Atlassian MCP ServerConnect Jira and Confluence to AI toolsThe Atlassian MCP Server page explaining how AI tools connect to Jira and Confluence.Install to use
★ 1k▲ +11 / 7d
Atlassian's official bridge that lets AI tools read and act on Jira, Confluence and the rest of the platform.CoderSelf-hosted cloud dev environmentsThe Coder product page describing self-hosted development environments and AI coding agents.Self-host
★ 15.6k▲ +31 / 7d
A self-hosted platform that moves development environments off laptops onto your own infrastructure, started on demand.MemOSGive an AI agent long-term memoryFor developers
★ 11.5k▲ +13 / 7d
A memory layer for LLM agents that unifies storing, retrieving and managing long-term memory.liarjsCheck where a browser contradicts itselfThe liarjs.dev page on a blue background, headlined "Can your browser fool me?" with the browser analysis in progress.Use in the browser
★ 343▲ +19 / 7d
Reads what a browser says about itself, compares it with what the network actually saw, and reports every disagreement.

TIMELINE

  1. Repository created
  2. FIRST SEEN BY TESIGN
  3. Published on TESIGN

SAME DAY

  1. 02

    JobSync

    Track job applications on your server

    A self-hosted job-search companion that keeps applications, resumes and interview notes in one place.

    Self-host
    ★ 1.3k▲ +8 / 7d
  2. 03

    VocaWin

    Voice typing that stays on your PC

    Hold a hotkey, speak, and the text appears at the cursor — Windows dictation that stays on the PC.

    Install to use
    ★ 74▲ +5 / 7d
  3. 04

    Look4Sat

    See when a satellite passes overhead

    An Android satellite tracker that works out when the next pass crosses your sky, and where to look.

    Install to use
    ★ 1.5k▲ +6 / 7d
  4. 05

    Syrinx

    Practise flute with piano backing

    A flute practice app that plays the piano part for you and shows how each note landed.

    Use in the browser
    ★ 70▲ +6 / 7d
  5. 06

    LaraNode

    Run your own hosting control panel

    A free, self-hosted hosting control panel: sites, SSL, databases, firewall and backups in one screen.

    Self-host
    ★ 1.4k▲ +8 / 7d
  6. 07

    txcript

    Continue an AI session in another tool

    Move an AI coding session from one agent to another and carry on where you left off.

    Install to use
    ★ 125▲ +5 / 7d
  7. 08

    outloud

    Check if a PDF reads correctly aloud

    A PDF accessibility checker that shows what a screen reader would actually say.

    Install to use
    ★ 7▲ 3 HN
  8. 09

    Alidade

    Build and style maps in the browser

    An open Web-GIS: drop in spatial data, style it, and fly over 3D terrain in the browser.

    Use in the browser
    ★ 13▲ 2 HN
  9. 10

    Apeeye

    Spin up mock REST endpoints fast

    Mock REST endpoints in seconds — no login, no config, no database.

    Use in the browser
    ★ 7▲ 2 HN