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.

Gantry

Gantry

mifxch

Visual component & design-token manager that keeps your AI assistant's rules (Cursor & Claude Code) in sync with your design system.

Visualization #react
4
devup

devup

gachlab

Sidebar tree, status bar, and live logs for @gachlab/devup — control your dev stack without leaving the editor.

Visualization #terminal
4
Nexus DepMap

Nexus DepMap

bgarcias

Visual dependency map for web projects — auto-detects WordPress themes and HTML/CSS/JS projects

Visualization #javascript
4
U

Udaipur's Python

pyudaipur1

Deep static analysis of Python files: structure, complexity, code smells and beginner/intermediate/advanced level estimation.

Programming Languages Linters #python
4 5.0
S

SnapGo

mambitec-moises

Generador de capturas de código ultra rápido para VS Code alimentado por un motor nativo en Go y mapa de bits (bitmap). Sin dependencias de Webview, HTML5 ni Canvas.

Visualization
4
AlgoReel

AlgoReel

AldrinJoanPandianW

Your code, played back like a movie — every stack push, every queue pop, every recursive call, frame by frame.

Debuggers Visualization #python
4 5.0
Code Lineage by ozkary.com

Code Lineage by ozkary.com

ozkary

Multi-language visual execution maps mapping function dependencies and callers directly in your sidebar.

Programming Languages Extension Packs
4 5.0
Shadcn Helper

Shadcn Helper

maveeclabs

Visual assistant for discovering, installing, and managing shadcn/ui components

Programming Languages Visualization #react
4
Visibility in Explorer

Visibility in Explorer

oub

Toggle the visibility of files and folders excluded by your workspace settings

Visualization #explorer
4
NotebookFlow

NotebookFlow

Notebookflow

Turn Jupyter notebooks into visual, executable workflows without leaving VS Code.

Data Science Visualization #workflow
4
CloudCostTree

CloudCostTree

cloudcosttree

Question and experiment with your infrastructure cost before you apply — a cost tree, what-if simulator, FinOps recommendations, policy checks, and cost-diff comparisons for Terraform, CloudFormation, Pulumi, Terragrunt, and Atmos, powered by the cloudcosttree CLI.

Visualization
4
RepoAtlas - Repository Visualizer

RepoAtlas - Repository Visualizer

repo-atlas

Transform any repository into beautiful, configurable visual project structures inside VSCode

Visualization #vscode
4 5.0