Skip to content
| Marketplace
Sign in
Visual Studio Code>Other>MD VisionNew to Visual Studio Code? Get it now.
MD Vision

MD Vision

Narayan Das

|
1 install
| (0) | Free
A sleek, side-by-side Markdown previewer with Mermaid, Math, Alerts, and interactive toolbars.
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

Markdown Viewer

A VS Code / Cursor extension that renders Markdown files in a clean, fully formatted preview with automatic Mermaid diagram rendering.

Features

  • Full Markdown Rendering — Headings, lists, tables, code blocks, blockquotes, images, and more
  • Mermaid Diagrams — Automatically detects and renders ```mermaid blocks as SVG
  • Live Preview — Updates in real time as you type
  • Theme Aware — Adapts to your VS Code light/dark theme automatically
  • Side-by-Side View — Opens alongside your editor for a seamless writing experience

Usage

  1. Open any .md file
  2. Press Cmd+Shift+M (macOS) or Ctrl+Shift+M (Windows/Linux)
  3. Or run "Markdown Viewer: Open Preview" from the Command Palette

Development

npm install
npm run compile

Press F5 to launch the Extension Development Host for testing.

  • Contact us
  • Jobs
  • Privacy
  • Manage cookies
  • Terms of use
  • Trademarks
© 2026 Microsoft