GitDiagram
GitDiagram is an open-source micro dev-tool that I made this past week Given any public GitHub repository it generates diagrams in Mermaid.js with Claude 3.5 Sonnet I extract information from the file tree and README for details and interactivity (you can click components to be taken to relevant files and directories) Also, you can replace "hub" with "diagram" in any repository URL to access its diagram I created this because I wanted to contribute to open-source projects but quickly realized their codebases are too massive for me to dig through manually, so this helps me get started I do…
GitDiagram launched on January 4, 2025 with 342 votes, #82 of 6,142 launches that month and more than 99% of that year's launches. The site was still online in September 2026, 1 year on.
In plain words
GitDiagram is a developer tool that converts GitHub repositories into interactive diagrams for instant codebase visualization. Using artificial intelligence, it analyzes code structure and generates visual representations within seconds, helping developers understand repository architecture and dependencies. The tool integrates directly with GitHub, making it useful for developers who need quick insights into how codebases are organized without manually mapping components.
written from the facts on this page · September 2026
From the sources
Turn any GitHub repository into an interactive diagram for visualization in seconds.
Turn any GitHub repository into an interactive architecture diagram for quick codebase understanding.
In the maker’s words, at launch
I built a viral but buggy v1 of this a while ago and I've now shipped so many improvements that make it much nicer! Please try it and let me know what you think
Does a similar job
all alternatives →
Programmatically Generate Diagrams for GitHub Readmes2019 · github.com · ▲220🧜♀️ RESTful rendering pipeline for generating sequence and UML diagrams using Mermaid for Markdown docs (Diagrams as a Service) - Schachte/Mermrender
GitPodcast2025 · gitpodcast.com · ▲308Understanding any GitHub repository is tough, especially a big one - this project aims to make it a tad bit easier by giving the listener a primer + some details on the specific repository. For some people (like me) - audio/visual medium is more easily understandable. So, I hope this project is helpful to some of them. This project was inspired by https://gitdiagram.com - so check it out as well, and maybe use them together for better understanding. Future plans: 1. To add more voices and let users choose most natural one (decide between OpenAI/Microsoft Speech) 2. Custom…
TSDiagram – Diagrams as Code with TypeScript2023 · tsdiagram.com · ▲130Made an online tool for creating diagrams with TypeScript. I quite like it for thinking about how to shape my data, even if I end up using a different language in the end.
Git Heat Map – a tool for visualising git repo activity for each file2023 · github.com · ▲173Visualise a git repository by diff activity. Contribute to jmforsythe/Git-Heat-Map development by creating an account on GitHub.
GitHub Personal Website Generator2019 · vscode.dev · ▲271Generate a personal website based on GitHub contributions
Git Draw allows you to draw pictures directly into your GitHub heat map2016 · github.com · ▲91Allows you to draw in your github heatmap. Contribute to ben174/git-draw development by creating an account on GitHub.
More ai this month
the category →
Paintings by AI models: programs run through a simulation of oil paint.
AI · 20d ago · stillwet.art
PixVerse R2▲381A real-time world model you can explore and change
AI · 28d ago · world.pixverse.video
Source: Product Hunt launch ↗ · launch text quoted in part
Launched alongside, January 2025
the whole month →
Hello! I'm Byran. I spent the past ~6 months engineering a laptop from scratch. It's fully open-source on GH at: https://github.com/Hello9999901/laptop
Dev tools · 2025 · byran.ee
- TITetris in a PDF▲1,289
I realized that the PDF engines of modern desktop browsers (PDFium and PDF.js) support JavaScript with enough I/O primitives to make a basic game like Tetris. It was a bit tricky to find a union of features that work in both engines, but in the end it turns out that showing/hiding annotation "fields" works well to make monochrome pixels, and keyboard input can be achieved by typing in a text input box. All in all it's quite janky but a nice reminder of how general purpose PDF scripting can be. The linked PDF is all ASCII so you can just open it in a text editor, or have a look at…
Life & fun · 2025 · th0mas.nl
21st.dev▲1,211I originally built this app to organize and reuse interesting React + Tailwind components I came across on Twitter, inspired by the shadcn/ui approach. Later, a friend started contributing their own components, and it got me thinking—this could grow into something bigger, like an NPM for design engineers to share and use components. Would love to hear your thoughts!
Dev tools · 2025 · 21st.dev
Create lifelike, personalized AI avatars from text prompts
AI · 2025 · jogg.ai
CSS library based on Counter Strike 1.6 UI.
Life & fun · 2025 · cs16.samke.me