diagram
A tiny little drawing app. Allow to easily create simple diagrams.
Free Local-First AI Diagramming for Builders.
100% Free, Open-source local-first AI diagramming for architecture diagrams and flowcharts with animated exports.
Create flows from templates, code, structured imports, or AI. Refine them visually, keep them local-first, and export — including as a cinematic animated video that no other open-source tool offers.
Free Online SQL Diagram & ERD Generator.
ER diagram generator. Paste CREATE TABLE statements and get a clean, interactive ERD — runs 100% in your browser, nothing uploaded
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:
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.
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.
Diagramming powered by intelligence.
Create next-generation diagrams with AI, data, and automation in Lucidchart. Understand and optimize every system and process.
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.
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.
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.
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).
JavaScript diagramming library powering exceptional UIs. Build advanced visual and No-Code/Low-Code applications quickly and confidently with a proven library.
Diagramming and charting tool.
JavaScript based diagramming and charting tool that renders Markdown-inspired text definitions to create and modify diagrams dynamically.
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:
Virtual whiteboard for sketching hand-drawn like diagrams. Collaborative and end-to-end encrypted.
An agent skill that turns complex terminal output into styled HTML pages you actually want to read.
Agent skill that generates rich HTML pages or slide decks for diagrams, diff reviews, plan audits, data tables, and project recaps.
Ask your agent to explain a system architecture, review a diff, or compare requirements against a plan. Instead of ASCII art and box-drawing tables, it generates a self-contained HTML page and opens it in your browser.
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.
Build mindmaps with plain text. Visualize your Markdown as mindmaps.
Related contents:
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.
ASCIIFlow is a client-side only web based application for drawing ASCII diagrams.
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:
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.
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.
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.
A database modeling tool for creating Entity Relationship Diagrams, Relational Schemas, Star Schemas, and SQL DDL statements.
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.
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.
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.
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.
Related contents:
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.
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.
Any input. One graph. Complete recall.
AI coding assistant skill (Claude Code, Codex, OpenCode, Cursor, Gemini CLI, and more). Turn any folder of code, SQL schemas, R scripts, shell scripts, docs, papers, images, or videos into a queryable knowledge graph. App code + database schema + infrastructure in one graph.
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.
Diagram from anywhere Online diagramming tool for collaborating on wireframes, flowcharts, and more
lanshu-animated-architecture-diagram is a Codex skill and local renderer for creating premium black-canvas technical diagrams with hand-drawn typography, editable Excalidraw output, static PNG previews, and genuinely animated GIFs.
It is designed for article explanations, system architecture diagrams, process diagrams, and DailyDoseOfDS-style black-background technical sketches.
Other tools show you a hairball. We teach you the codebase. Graphs that teach the codebase.
Graphs that teach > graphs that impress. Turn any code, or knowledge base (Karpathy LLM wiki), into an interactive knowledge graph you can explore, search, and ask questions about. Works with Claude Code, Codex, Cursor, Copilot, Gemini CLI, and more.
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.
Mermaid to Motion. Animated, interactive And visuals Mermaid Diagrams.
Paste Mermaid, watch it breathe with cinematic SVG animation.
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!
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.
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:
Interactive, editable docs designed for coding agents.
Davia is an open-source tool designed for AI coding agents to generate interactive internal documentation for your codebase. When your AI coding agent uses Davia, it writes documentation files locally with interactive visualizations and editable whiteboards that you can edit in a Notion-like platform or locally in your IDE.
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.
Open Source ArchiMate Modelling. The Open Source modelling toolkit for creating ArchiMate models and sketches. Used by Enterprise Architects everywhere.
Security-first diagramming for teams.
Bring your storage to our online tool, or save locally with the desktop app.
Related contents:
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.
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.