VS Code Extensions

Categories

Visualization

Render software structures visually. Discover top VS Code Visualization extensions to generate architecture charts, map data schemas, and preview layout plots.

IconsRoom — 276,000+ Icons

IconsRoom — 276,000+ Icons

IconsRoom

Search 276,000+ open source icons and insert them at your cursor as SVG, a React component, or a CDN URL. Requires an IconsRoom lifetime license.

Snippets Visualization #javascript
13 5.0
A2UI Studio

A2UI Studio

sitharaj

Experiment with the A2UI protocol (a2ui.org) — generate live, agent-driven UIs with GitHub Copilot, Claude, OpenAI, Gemini, or Ollama, rendered right inside VS Code.

Visualization AI #json
13
xaligo

xaligo

xaligo

VS Code language support, interactive preview, and structural diff for the xaligo .xal diagram DSL.

Programming Languages Visualization #syntax
13
SharpDeps — .NET Dependency Map

SharpDeps — .NET Dependency Map

htkym

Visualize .NET solution dependencies at project and namespace granularity, with circular-dependency detection.

Visualization #csharp
13
Step Function Viewer Light

Step Function Viewer Light

RobertoRiquelmeSaez

Interactive viewer for AWS Step Functions (JSONata) with per-state variable inspection and cross-state variable highlighting.

Visualization #aws
13
Spring Flow Visualizer

Spring Flow Visualizer

SauryadeepRoy

Enterprise-grade visualization and AI-powered analysis for Spring Boot projects — API flows, bean dependencies, architecture quality, and AI insights

Programming Languages Linters #java
13
TeginSQLite

TeginSQLite

teginsoft

Full-featured SQLite viewer & editor for VS Code. Browse tables, views and triggers; edit rows inline; run SQL queries with syntax highlighting and autocomplete; navigate foreign keys; view schemas and indexes; bulk delete rows; export to CSV / JSON / XML / XLS; BLOB hex viewer; query history — all

Data Science Visualization #sql
13
TestReport

TestReport

TestReport-io

Open Playwright and Selenium TestReport dashboards from VS Code.

Visualization Testing
13
TokyoLabs Rich Presence

TokyoLabs Rich Presence

tokyolabs

Highly customizable Discord Rich Presence extension for Visual Studio Code

Visualization #rpc
13 5.0
HD Viewer

HD Viewer

wishlatte

View .hd documents (HTML Doc format) rendered with charts, diagrams, tabs and plugins — toggle between preview and source.

Programming Languages Visualization #keybindings
13
ClaudeDash — Usage & Cost

ClaudeDash — Usage & Cost

runtimebug

Unofficial usage & cost dashboard for Claude Code. See per-conversation token usage and what it would have cost on the API.

Visualization #claude code
13
Agent Repo Shell

Agent Repo Shell

ChengyueWang

Bootstrap your agentic multi-repos project. Minimum distractions to iterate on specs. A VSCode panel to code like taking notes.

Visualization AI #markdown
13 5.0