diagram
diagram infrastructure for agents.
Agents create, edit, validate, and render diagrams as durable state - not throwaway output. Structured operations, immutable revisions, 40+ validation rules, and multiple render targets through the Diagram Scene Protocol (DSP).
Generate beautiful dark-themed system architecture diagrams as standalone HTML/SVG files. Works as a Claude AI skill.
Need an architecture diagram? Get AI to build you one.
Use Claude.ai with this special skill to generate professional architecture diagrams in seconds. Describe your system, and Claude creates a beautiful, dark-themed diagram as a standalone HTML file you can open in any browser.
Self-hosted homelab infrastructure visualizer — interactive network diagram with live status monitoring.
Homelable is a self-hosted infrastructure visualization solution. It provides a network scanning feature to accelerate the identification of machines and services deployed on your local infrastructure.
Homelable also offers a healthcheck system (WIP) through multiple methods (ping/TCP, /health API, etc.) to get a global overview of online/offline services.
Terraform Visualization tool and Architecture Diagram Generator.
Terravision creates Professional Cloud Architecture Diagrams from your Terraform code automatically. Supports AWS, Google and Azure.
Visualise your Terraform code using official AWS/GCP/Azure design standards and icons to create solution architect grade architecture diagrams ready for audit, governance, team member and security reviews.
Security-first diagramming for teams.
Bring your storage to our online tool, or save locally with the desktop app.
Related contents:
Mermaid Rendering, Made Beautiful. Ultra-fast, fully themeable, zero DOM dependencies. Built for the AI era.
An open source library for rendering diagrams, designed for the age of AI: beautiful-mermaid. Ultra-fast, fully themeable, and outputs to both SVG and ASCII.
AI-Powered Software Architect.
Create architecture diagrams from code automatically using large language models (LLMs).
Swark is a VS Code extension that allows creating architecture diagrams from code automatically using large language models (LLMs). Swark is directly integrated with GitHub Copilot, and requires no authentication or API key.
Mermaid to Motion. Animated, interactive And visuals Mermaid Diagrams.
Paste Mermaid, watch it breathe with cinematic SVG animation.
Automatically discover and visually document network topology.
NetVisor scans your network, identifies hosts and services, and generates an interactive visualization showing how everything connects, letting you easily create and maintain network documentation.
Related contents:
Diagram as Code Tool Written in Rust with Draggable Editing.
The goal of oxdraw is to make it easy to create and maintain high-quality diagrams using a declarative and reproducible syntax. Charts are written in Mermaid syntax, while a web interface allows users to fine-tune positions connector paths, colors, and other styling components. Whenever a diagram is tweaked visually, the structural changes are persisted back to the source file as declarative code so that everything remains deterministic and versionable. The changes are saved as comments in the mermaid file so it remains compatible with other Mermaid tools. The repo is composed of the Rust CLI to compile .mmd files into images and the React based web interface to editing the files.
Toolchain for your architecture diagrams. Architecture-as-a-code with live diagrams.
LikeC4 is a powerful set of tools and a Domain-Specific Language (DSL) designed to describe your architecture as a single, cohesive model, which is then compiled into multiple diagrams. Visualize, collaborate, and evolve the software architecture with always actual and live diagrams from your code.
Isometric Diagramming Tool. Make beautiful isometric infrastructure diagrams.
FossFLOW is a powerful, open-source Progressive Web App (PWA) for creating beautiful isometric diagrams. Built with React and the Isoflow library, it runs entirely in your browser with offline support.
Related contents:
Database Relationship Diagrams Design Tool.
Draw Entity-Relationship Diagrams, Painlessly 😎 A free, simple tool to draw ER diagrams by just writing code. Designed for developers and data analysts.
The sassy UML diagram renderer.
Hello, this is nomnoml, a tool for drawing UML diagrams based on a simple syntax. It tries to keep its syntax visually as close as possible to the generated UML diagram without resorting to ASCII drawings.
ER Diagrams, Reinvented for Simplicity.
Automatically generate and explore your database schema with a powerful interactive viewer. Liam ERD generates beautiful, interactive ER diagrams from your database. Whether you're working on public or private repositories, Liam ERD helps you visualize complex schemas with ease.
Turn any GitHub repository into an interactive diagram for visualization. This is useful for quickly visualizing projects.
You can also replace 'hub' with 'diagram' in any Github URL.
A web-based ASCII and Unicode diagram builder written in vanilla Javascript.
Cascii is a web-based ASCII and Unicode diagram builder written in vanilla Javascript. It has zero dependencies on any servers, web packing, libraries, and is no-markup and no-stylesheets. You can start building diagrams by simply opening the cascii.html file in a browser. Cascii is also hosted at cascii.app where you can get short links to your diagrams, open an account, etc (see the Cascii server repo).
Related contents:
Open-source tool that uses simple textual descriptions to draw beautiful UML diagrams.\
PlantUML is a highly versatile tool that facilitates the rapid and straightforward creation of a wide array of diagrams.
Utilizing a simple and intuitive language, users can effortlessly draft various types of diagrams. For a detailed exploration of the language's capabilities and syntax, please refer to the PlantUML Language Reference Guide.
Related contents:
Database schema diagrams visualizer. Open-source database diagrams editor.
Free and open-source database diagrams editor, visualize and design your DB with a single query.
ChartDB is a powerful, web-based database diagramming editor. Instantly visualize your database schema with a single "Smart Query." Customize diagrams, export SQL scripts, and access all features—no account required. Experience seamless database design here.
Diagram Visualization Tools for Your Web Applications. A diagramming framework for the web
Eclipse Sprotty is an open source project enabling the creation of powerful diagramming tools and graphical visualizations. Fully customizable · Server and client-side diagramming · Easy integration · Powerful timesaver.
Free, simple, and intuitive online database diagram editor and SQL generator.
DrawDB is a robust and user-friendly database entity relationship (DBER) editor right in your browser. Build diagrams with a few clicks, export sql scripts, customize your editor, and more without creating an account. See the full set of features here.
Diagramming powered by intelligence.
Create next-generation diagrams with AI, data, and automation in Lucidchart. Understand and optimize every system and process.
The visual AI for business storytelling. Get visuals from your text. Napkin turns your text into visuals so sharing your ideas is quick and effective.
Build mindmaps with plain text. Visualize your Markdown as mindmaps.
Related contents:
ASCIIFlow is a client-side only web based application for drawing ASCII diagrams.
JavaScript diagramming library powering exceptional UIs. Build advanced visual and No-Code/Low-Code applications quickly and confidently with a proven library.
90 MINUTES TO BETTER DIAGRAMS.
How to Diagram is a video eCourse taught by author and information architect, Abby Covert. This short, practical course will provide you with a deeper understanding of the purpose, process, and craftsmanship behind effective diagramming.
yEd is a powerful desktop application that can be used to quickly and effectively generate high-quality diagrams. Create diagrams manually, or import your external data for analysis. Our automatic layout algorithms arrange even large data sets with just the press of a button.
A database modeling tool for creating Entity Relationship Diagrams, Relational Schemas, Star Schemas, and SQL DDL statements.
Infinite canvas drawing/whiteboarding app for Windows, Linux and macOS. Made with Godot.
Lorien is an infinite canvas drawing/note-taking app that is focused on performance, small savefiles and simplicity. It's primarily designed to be used as a digital notebook and as brainstorming tool. While it can totally be used to make small sketches and diagrams, it is not meant to replace traditional art programs that operate on bitmap images.
Open Source ArchiMate Modelling. The Open Source modelling toolkit for creating ArchiMate models and sketches. Used by Enterprise Architects everywhere.
Structurizr builds upon "diagrams as code", allowing you to create multiple software architecture diagrams from a single model. There are a number of tools for creating Structurizr compatible workspaces, with the Structurizr DSL being the recommended option for most teams. This Structurizr DSL example creates two diagrams, based upon a single set of elements and relationships.
D2 is a diagram scripting language that turns text to diagrams. It stands for Declarative Diagramming. Declarative, as in, you describe what you want diagrammed, it generates the image.
A tiny little drawing app. Allow to easily create simple diagrams.
Creates diagrams from textual descriptions! Kroki provides a unified API with support for BlockDiag (BlockDiag, SeqDiag, ActDiag, NwDiag, PacketDiag, RackDiag), BPMN, Bytefield, C4 (with PlantUML), Ditaa, Erd, Excalidraw, GraphViz, Mermaid, Nomnoml, Pikchr, PlantUML, Structurizr, SvgBob, UMLet, Vega, Vega-Lite, WaveDrom... and more to come!
Diagrams lets you draw the cloud system architecture in Python code.
It was born for prototyping a new system architecture without any design tools. You can also describe or visualize the existing system architecture as well.
Virtual whiteboard for sketching hand-drawn like diagrams. Collaborative and end-to-end encrypted.
Diagramming and charting tool.
JavaScript based diagramming and charting tool that renders Markdown-inspired text definitions to create and modify diagrams dynamically.
Communicate Complexity With Intuitive Diagramming
A diagram is worth a thousand words — especially when it comes to technical documentation. Visualize everything with Gliffy for Confluence.
Diagram from anywhere Online diagramming tool for collaborating on wireframes, flowcharts, and more