VS Code Extensions

Tags

#architecture diagram

Mermaid NG — Visual Editor

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

Programming Languages Visualization #markdown
962
Mermaid Preview — 100% Offline

Mermaid Preview — 100% Offline

brainfkt

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

Programming Languages Visualization #keybindings
366 5.0
Strander

Strander

BlazingCacti

Strander brings the Flowchart.fun authoring experience to VS Code! A split-view text/visual editor for .strand flowcharts with drag-and-drop layout, Material icons, CSS theming, and live preview.

Visualization #css
15
karasu

karasu

karasu-tools

Syntax highlighting and tooling for .krs architecture files

Programming Languages Visualization #diagram
2