#diagram

Mermaid NG — Visual Editor

NGPowerToys

WYSIWYG, drag-and-drop visual editor for AI-friendly Mermaid diagrams — what you see is what you get. For architects and developers — build, edit, and round-trip flowcharts, sequence, class, ER, and state diagrams across .md and .mmd files. Multi-sheet (draw.io style), fully offline (Mermaid 11.15.0

Visio Preview & QA Linter

ai-fde-lab

在 VS Code 中预览、轻量编辑和 QA Microsoft Visio 文件。

MD-PDF Exporter

ramdeoangh

Export Markdown files to PDF with Mermaid diagrams and local images rendered inline.

Mermaid Preview — 100% Offline

brainfkt

Offline-first Mermaid diagram preview for VS Code—with professional export, no account, and no required network connection.

Visual editor for WaveDrom timing-diagram JSON files.

Drawio in HTML

Maku

Preview HTML files inline in VSCode with embedded Drawio diagrams rendered as live SVG, then edit each diagram in a side tab and auto-save back to the same HTML file.

MindmapMD

mindmapmd

Mindmap editor for Markdown — open any .md file as a live, interactive mindmap; the map and the Markdown stay in step. Works with git and the AI tools you already use. Publish a map to the web with one command.

RokRage VSDX Viewer

RokRage

Preview modern Visio .vsdx drawings locally in VS Code or VSCodium, with page tabs, zoom, pan and text search.

Beauty Diagram

beauty-diagram

Beautify Mermaid and PlantUML in VS Code Markdown Preview — 9 deck-ready themes, dark-mode friendly, no setup.

LinearCode

LinearCode

See any file as an interactive graph: JSON, XML, YAML, CSV, Parquet, PDF, Markdown, OpenAPI, RDF/OWL, Graphviz, call graphs for Python/JS/PHP/R/Shell — plus live REST APIs and MCP servers.

Mermaid Lint

mermaid-lint

Live Mermaid diagram validation — inline squiggles, hover, and quick-fixes in Markdown fenced blocks (.md, .markdown) and standalone .mmd files.

PlantUML Local

kkdev92

Render ```plantuml code blocks in the built-in Markdown preview. No Java, no server, no network connection — your diagram source is rendered locally.