VS Code Extensions

Tags

#diagrams

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
Advanced MD to PDF

Advanced MD to PDF

hsynkmk

Convert Markdown to PDF instantly. Mermaid diagrams, KaTeX math, GitHub alerts, collapsible , themes, syntax highlighting, and smart overflow handling.

Formatters #markdown
550
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
Markr – AI Config Editor & Markdown Preview

Markr – AI Config Editor & Markdown Preview

Apptware-Product-Lab

The memory & control layer for AI coding tools + Markdown preview — Context Bridge hands off sessions between Claude Code, Cursor, Augment, Codex, Cline, Windsurf & Gemini; cross-session memory, self-writing configs, AI Scoreboard; AI Agent Map for multi-agent .claude/ repos, Config Lab to test your

Visualization Notebooks #markdown
136 5.0
Edit Diagrams with draw.io

Edit Diagrams with draw.io

electropol-fr

Edit your draw.io diagrams (app.diagrams.net).

Visualization #keybindings
76
Markdown Viewer by EDTR.md

Markdown Viewer by EDTR.md

YMG

EDTR.md Markdown viewer and live preview for VS Code with Mermaid diagrams, KaTeX math, Vega-Lite charts, ABC notation, callouts and task lists.

Visualization #markdown
41
Draw.io

Draw.io

emait

This extension brings draw.io directly into Azure DevOps, so you can view, create and edit your diagrams.

Azure Boards #architecture
36
Markdown Site Preview

Markdown Site Preview

microwebstacks

Browse your whole Markdown documentation like a website — Mermaid/PlantUML diagrams, tables, file tree and outline navigation.

Visualization #markdown
11
InfraMind

InfraMind

aryankapoor-keninjavelas

AI-native Infrastructure Intelligence for Modern DevOps

Programming Languages Linters #docker
7
Declarative Capability Language (DCL)

Declarative Capability Language (DCL)

dcl

Workbench support for Declarative Capability Language: authoring, diagnostics, semantic navigation, and architecture graphs.

Programming Languages #theme
1
C

ChartForgeX Markup

EvotecServices

Author and preview ChartForgeX visual blocks from Markdown-friendly markup.

Programming Languages Visualization #markdown
0