#live preview

Strander

BlazingCacti

Strander brings the Flowchart.fun authoring experience to VS Code! A split-view text/visual editor for .strand flowcharts with drag-and-drop layout, Material icons, CSS theming, and live preview.

Markdown Preview Sidebar

codehi

One-click sidebar Markdown preview with GitHub-style rendering, live refresh, and theme-aware styling

Markda

tetsuji16

Edit rendered Markdown directly in VS Code while keeping clean, portable source—with tables, code, math, diagrams, images, and export.

Remarked.md

phyr

Live WYSIWYG markdown editing for VS Code

LoomMark

llingshu

A source-backed, live-rendering WYSIWYG Markdown editor for VS Code.

WYSIWYG Markdown editor for VS Code with Obsidian-style live preview. Tables, Mermaid diagrams, KaTeX math, code block syntax highlighting, and full IME support.

PrairieLearn Preview

runjuu

Preview PrairieLearn questions side by side in VS Code. Save your edits and the rendered question refreshes instantly from a local server running in Docker or Podman.

Tailwind Live Preview

si-arakaki

Tailwind CSS を使った HTML スニペットの見た目を、保存するたびに横のパネルでライブプレビューします。

MD Preview Bridge

hwanpenn

在浏览器全屏预览/编辑 Markdown，与 VSCode 双向实时同步（Cmd+S 直接写回原文件）

MDominate

MichaelKoll

An Obsidian-like live WYSIWYG Markdown editor for VS Code.

RenderPaper

XXXWH

A source-preserving live Markdown and LaTeX editor for VS Code

MarkSlate

trenaryja

A beautiful live-preview markdown editor for VS Code — write without ever leaving your editor.