A markdown preview extension for Visual Studio Code with built-in math rendering, Mermaid diagrams, and heading folding — features the built-in VS Code preview does not support.
Why this extension?
VS Code's built-in markdown preview is plain. This extension adds:
Clean styling — respects your VS Code light/dark theme throughout
Heading folding — click any heading to collapse the section beneath it
Mermaid diagrams — flowcharts, sequence diagrams, timelines, and more
Diagram zoom — click any diagram to open it full-screen with zoom controls
Math — inline and block equations rendered via KaTeX
Everything runs locally. No network requests, no telemetry, no configuration needed.
Usage
Open any .md or .markdown file — the editor activates automatically.
Tab
Purpose
Preview
Rendered output — click headings to fold, click diagrams to zoom
Source
Raw markdown textarea
Shortcut
Action
Ctrl+S
Save
Ctrl+Z
Undo
Ctrl+Shift+Z / Ctrl+Y
Redo
Supported syntax
Standard CommonMark and GitHub Flavored Markdown, plus:
Feature
Syntax
Highlight
==text==
Inline math
$E = mc^2$
Block math
$$ ... $$
Mermaid diagram
```mermaid ... ```
Task lists
- [x] done / - [ ] todo
Tables
GFM pipe tables
Strikethrough
~~text~~
Roadmap
Version
Feature
v1.0
Live preview, math, Mermaid diagrams, heading folding, diagram zoom ✅
