VS Code Extensions

Tags

#drag-and-drop

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
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
Bootstrap Grid Layout Editor

Bootstrap Grid Layout Editor

bero-labs

Visually edit Bootstrap grid layouts in HTML and Angular templates — split, resize, offset and reorder, then apply back to your file.

Visualization #javascript
3