VS Code Extensions

Tags

#svg

MotionDiv

MotionDiv

Anshuman1313

Convert HTML and SVG elements into Motion components and automatically manage Motion imports.

Programming Languages #react
43 5.0
DOT (Graphviz) Preview & Syntax

DOT (Graphviz) Preview & Syntax

Knowvah

Syntax highlighting and live SVG preview for Graphviz DOT (.dot / .gv) files — powered by the pure-TypeScript @knowvah/dot-engine.

Programming Languages Visualization #keybindings
40
Better SVG Safe

Better SVG Safe

emartinez-dev-work

Preview, inspect, and safely optimize SVGs with color, zoom, Code Interactive, and SVGO controls.

Programming Languages Visualization #javascript
40 5.0
FluxSQL - Database Diagram Generator

FluxSQL - Database Diagram Generator

JeffersonVargas

Generate SQL and NoSQL database diagrams from DDL, MongoDB/Mongoose, Prisma, JSON and Neo4j files, then export Mermaid, SVG, PNG and JSON.

Data Science Visualization #sql
39
FavGen

FavGen

krishanu-dev

Premium offline favicon generator. Convert images, text, emojis, and local Lucide icons into standard favicon packages with live mock-up previews, manifest generator, and HTML tags.

Formatters Visualization #html
37
XMLify

XMLify

Lekasnet

Visual XML indentation and readable tag colors.

Other #decorations
31
Pandoc Manuscript Tools

Pandoc Manuscript Tools

cesaryuan

Local VS Code helpers for Pandoc Markdown labels, cross references, math hovers, and outline symbols.

Other #html
28
Mermaid Preview Exporter

Mermaid Preview Exporter

xinzipanghuang

Export Mermaid diagrams from VS Code's native Markdown preview as SVG, PNG, or editable PPTX.

Visualization #markdown
25
Mermaid Export (Python)

Mermaid Export (Python)

theApiGuy

Export .mermaid/.mmd files to PNG/SVG/PDF via a local Python+Playwright renderer. No npm, no cloud.

Visualization #python
24
Auric Icons: Modern

Auric Icons: Modern

auric-artisan

Auric Icons: Modern — a premium file & folder icon theme (408 icons, folder colours, framework packs and custom associations) plus a 720-icon SVG library. Co-installs with Drawn and Playful in one Icon Studio.

Snippets Themes #keybindings
15 5.0
SVG Path Studio

SVG Path Studio

zazaulola

Live SVG preview with cursor-aware path highlighting and absolute/relative coordinate conversion.

Programming Languages Visualization #preview
15
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