VS Code Extensions

Tags

#live preview

Plainmark

Plainmark

Tutivog

Free WYSIWYG Markdown editor with Obsidian-style live preview for VS Code Desktop and vscode.dev — rich-text editing for tables, math, diagrams, and callouts.

Programming Languages Visualization #markdown
38
Markdown Live Preview Editor

Markdown Live Preview Editor

t-shoot

Obsidian-style editable live Markdown preview with custom CSS themes, Mermaid diagrams, and syntax-highlighted code blocks.

Other #css
37
Node Path Copier for Slint

Node Path Copier for Slint

slint-ai

Community Slint extension: copy node hierarchy from live preview for precise AI targeting, Chinese preview UI, auto-completion, go-to definition, and syntax highlighting. Not affiliated with SixtyFPS.

Programming Languages #javascript
37
Prosedown

Prosedown

psuzzi

Rich, block-based WYSIWYG markdown editing in VS Code — tables, math, Mermaid, and rich diffs.

Formatters Visualization #markdown
34 5.0
Auto Markdown Preview

Auto Markdown Preview

YoavAharoni

Automatically opens Markdown files with a live preview in a horizontal split.

Other #markdown
30
Live Test View — Flutter Widget Test Preview

Live Test View — Flutter Widget Test Preview

AnirudhSingh

Watch Flutter widget tests render live, frame by frame, in a panel beside your editor — no debugger, no manual screenshotting. Click ▶ Live View above any testWidgets block.

Visualization Testing #codelens
26
Lumen Reader

Lumen Reader

mkpvishnu

A beautiful, modern Markdown, PDF, and CSV reader with live preview, diagrams, search, and effortless navigation.

Visualization #markdown
25
MD2HTML Converter

MD2HTML Converter

ReallexiLLC

Convert Markdown to HTML and HTML to Markdown with advanced MD/HTML editors, live preview, diff, and export tools.

Formatters #html
22
Markdown ライブプレビューエディタ

Markdown ライブプレビューエディタ

Hashi-Kazu

見た目のまま Markdown を編集できるライブプレビューエディタ。カーソル行だけ生の記法を表示し、表・数式(KaTeX)・Mermaid 図・GitHub Alerts・コードのシンタックスハイライトをその場で描画します。

Programming Languages Visualization #markdown
21
Quoll

Quoll

mtskf

Obsidian-style Markdown editor, right inside VS Code.

Programming Languages #markdown
19 5.0
MD Sync

MD Sync

GauravSaroha

MDSync provides a live Markdown preview with bidirectional cursor and scroll synchronization.

Other #markdown
17
ZenTeX

ZenTeX

SatriaDivo

Instant, lightweight, zero-config LaTeX live preview for VS Code. Preview your LaTeX documents instantly with Ctrl+Shift+L — no TeX compiler needed.

Visualization #keybindings
17 5.0