VS Code Extensions

Tags

#wysiwyg

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
WinForms Designer for VS Code

WinForms Designer for VS Code

SkivHisink

Visualize and edit WinForms .Designer.cs forms live inside VS Code — a Visual Studio-style designer surface, property grid, toolbox and event wiring, powered by a .NET 10 rendering engine.

Visualization #csharp
622 5.0
Visual HTML Editor

Visual HTML Editor

saea

Click any text in your HTML file and just type. Your source stays clean — only the text you changed gets updated, with original formatting, comments, and indentation preserved.

Other #html
526
Human Markdown

Human Markdown

purecontext

A WYSIWYG markdown editor for VSCode. Read and edit markdown as a human.

Programming Languages Visualization #markdown
189
MD Studio (Markdown)

MD Studio (Markdown)

PChin

Obsidian-style WYSIWYG markdown editor for VS Code. Live editing with inline decorations, math, Mermaid, tables, and document outline.

Visualization #markdown
168
vMarkd — Visual Markdown Editor

vMarkd — Visual Markdown Editor

spiochacz

vMarkd — a full-featured visual markdown editor.

Programming Languages #markdown
152 5.0
Agentic HTML Visual Editor

Agentic HTML Visual Editor

YuyaMiyamoto

A WYSIWYG HTML editor for reviewing and refining AI-generated content in VS Code

AI #html
141 5.0
Hylo — HTML Live Preview

Hylo — HTML Live Preview

AINX

实时 HTML 预览与双向联动编辑器,HTML 的 Typora。

Visualization #html
141 5.0
MindmapMD

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.

Visualization #git
127
ScieMD Markdown Editor

ScieMD Markdown Editor

Scienfy

WYSIWYG Markdown editor and reader for scientific writing, hybrid LLM drafting, direct document comments, visual styles, LaTeX math, and Mermaid diagrams.

Programming Languages Formatters #markdown
100 5.0
Ag4s RTL Markdown Editor

Ag4s RTL Markdown Editor

Algo4Stock

A full-featured WYSIWYG editor for RTL Markdown with Persian font support.

Programming Languages #markdown
86
Flintmark

Flintmark

quboliu

Obsidian-compatible Live Preview Markdown editing in VS Code. Not affiliated with Obsidian.

Other #markdown
84