Visualization
Render software structures visually. Discover top VS Code Visualization extensions to generate architecture charts, map data schemas, and preview layout plots.
HTMLens - Universal Template & HTML Previewer
AnandShah
Live preview for HTML, Django templates, Jinja2, Nunjucks and React/JSX components, right inside the editor.
SVG Preview for Vue (Tasheron)
Tasheron
Inline previews, hover previews, explorer thumbnails, and export tools for inline SVG in Vue, HTML, JSX, and TSX files.
Agent Diff
huaibo
Review all file changes made by Claude Code sessions with diffs and one-click revert
Session Control Center for Claude Code
ValFeron
Unofficial control center for local Claude Code sessions across all your repos: live sidebar, searchable dashboard, one-click context switch. Not affiliated with Anthropic.
Alat / Dependency Graph
GSuleimanov
Visualize your codebase as an interactive dependency graph. Explore call graphs, class diagrams, and code structure for any language.
MeasureSoftGram
MeasureSoftGram
Análise multidimensional da qualidade de software, direto no VS Code.
CodeDetective
dev-shridhar
Instant flowcharts from your Python code. Right-click any function — CodeDetective parses it with tree-sitter, resolves calls across files, and renders an interactive control-flow diagram right inside VS Code.
mqpad
harehare
A WYSIWYG Markdown editor with Obsidian-style links and live mq code blocks
SwiftMap
ewavelab
Minimal mind map editor for Visual Studio Code.
Remarked.md
phyr
Live WYSIWYG markdown editing for VS Code
AgentCanvas
kevin-os7
Render your coding agent's structured output as rich, readable documents inside VS Code — locally, offline, with no API keys. Your agent writes .doc.json files; AgentCanvas renders them with KaTeX math, Mermaid diagrams, charts, tables, and live reload.
GridFlow
OkayExtensions
An interactive grid for structured data — orchestrate sub-agents, collect typed chat input, and view/edit CSV files inside VS Code.