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.

Klog UI

Klog UI

tscpp

Track time with klog from the status bar.

Visualization #klog
3
ArchiGraph

ArchiGraph

archigraph

A local-first VS Code map of capabilities, use cases, API flows, and code calls for Python and web projects.

Programming Languages Visualization #python
3
Claude Code Warden

Claude Code Warden

NovisLabsIsrael

Token-usage insight and safety prompts for Claude Code: a live status-bar meter, context-window gauge, per-session budgets, and Allow/Deny prompts for risky commands.

Machine Learning Visualization #ai
3
Tailwind Grid Visualizer

Tailwind Grid Visualizer

rispng

Visualize Tailwind CSS grid-cols definitions with proportional column diagrams on hover

Visualization #css
3
Nomad Lens

Nomad Lens

allannava95

HashiCorp Nomad operations inside VS Code: jobs/allocations/logs, plan diff between your repo job spec and the running one, one-click incident bundles, cluster snapshot reports.

Visualization #DevOps
3
Tecsxpert Timer

Tecsxpert Timer

TecsxpertTechnologiesPvtLtd

Track coding time per project in VS Code. Sync sessions to the Tecsxpert GRC dashboard and auto-log time to Jira, ClickUp, or Monday.com.

Visualization #productivity
3
PHP Hierarchy Lens

PHP Hierarchy Lens

igaster

PhpStorm-style CodeLens and gutter indicators for interface implementations, class inheritance, method overrides, and trait usage.

Programming Languages Visualization #php
3
kUML

kUML

kuml-dev

Syntax highlighting, snippets, LSP diagnostics/completion, and live-preview rendering for kUML diagram scripts (*.kuml.kts).

Programming Languages Snippets #snippet
3
Auric Icons: Playful

Auric Icons: Playful

auric-artisan

Auric Icons: Playful — a 1,225-icon emoji-style SVG library in color, outline, filled and small variants. Co-installs with Modern and Drawn in one Icon Studio.

Snippets Visualization #keybindings
3 5.0
CodeAtlas Pro

CodeAtlas Pro

AnandShah

Interactive live dependency graph, call-chain explorer, and delete-impact analysis for your codebase.

Visualization
3
Auric Icons: Drawn

Auric Icons: Drawn

auric-artisan

Auric Icons: Drawn — a 480-icon Warm Drawn SVG library with smart insert, likes, recommendations and hover previews. Co-installs with Modern and Playful in one Icon Studio.

Snippets Visualization #keybindings
3 5.0
Groundplan — Terraform Architecture Preview

Groundplan — Terraform Architecture Preview

asterius-it

Live, interactive architecture diagram of your Terraform, beside your editor. Runs locally; your code never leaves your machine.

Visualization #azure
3