VS Code
Build, nest, and explore complex systems through a high-performance interactive graph interface. Turn your diagrams into living documentation that evolves with your codebase.
Slick interface that feels familiar from the first click. High-performance, low-friction, and customizable.
curl -LsSf https://tldiagram.com/install.sh | sh -s
serve --open
No dependencies. View Documentation →
Follow the instructions in the link below and create a diagram of this codebase. https://raw.githubusercontent.com/Mertcikla/tld/refs/heads/main/skills/create-diagram/SKILL.md
Includes a CLI optimized for agent usage and a MCP server.
Use our plugins and CLI tool to scan your codebase and generate high-fidelity diagrams in minutes.
A canvas built for busy engineers.
Drag, drop, connect, and rearrange nodes with zero friction. Zoom from the full system down to individual components in milliseconds.
tlDiagram meets you where you are. Paste to import your existing diagrams and it renders into a live, editable canvas, make edits, link it to a readme or a markdown documentation you own and keep it in sync and viewable anywhere.
Sketch freely. Annotate instantly. Collaborate live.
Label connections with protocols, data flows, or descriptions. Edges auto-route around nodes and snap cleanly to ports.
Connect nodes directly to your repositories. A highlighted yet unobtrusive way to take quick peeks into the code running behind your architecture.
Zoom in to get exactly the technical detail you need, exactly when you need it. Get both big-picture clarity and deep precision in one tool.
