Markdown Viewer

Markdown to perfect Word in one click — Mermaid, Graphviz, Vega, Infographic, LaTeX (editable), code highlighting, local processing

Completely Free · 18+ Professional Themes · 28 Languages Support

You love writing in Markdown — clean, efficient, version control friendly.
But eventually, you always need a Word document.

The old nightmare:

😫 Manual screenshot flowcharts · Copy-paste formulas become messy · Format code by hand · Adjust tables cell by cell · Spend another 30 minutes tweaking fonts, spacing, and colors after export

One document: 1 hour writing, 2 hours formatting.

Now it takes just 1 second.

Click to download and get a perfect Word document:

✅ Mermaid diagrams → High-resolution images
✅ Graphviz DOT graphs → High-resolution images
✅ LaTeX formulas → Word editable equations
✅ Auto syntax highlighting (100+ languages)
✅ 18+ professional themes with one click
✅ Completely free, local processing

Spend time on writing, not on formatting.

💫 See It in Action

Technical Documentation: 15 Flowcharts, 2 Hours → 5 Minutes

Before: draw.io diagram → Export PNG → Insert into Word → Resize → Repeat 15 times = 2 hours

Now: Write Mermaid code → Click download = 5 minutes

System Architecture

```mermaid
graph TB
    A[User] --> B[Load Balancer]
    B --> C[Server 1]
    B --> D[Server 2]
```

Need changes? Modify code and re-export. Save 115 minutes.

Academic Paper: 50+ Formulas, 3 Hours → 10 Minutes

Before: Word equation editor one by one OR paid tool subscription = 3 hours + Paid subscription

Now: Write LaTeX syntax directly → Click download = 10 minutes + Free

Given mass $m$ and acceleration $a$, according to Newton's second law:

$$
F = ma = m\frac{dv}{dt} = m\frac{d^2x}{dt^2}
$$

Export as native Word format, fully editable. Not an image, but a real equation object.

Team Collaboration: Weekly Reports, 1 Hour → 1 Minute

Before: Copy content → Set format → Adjust lists → Add styling → Excel charts + screenshots = 1 hour weekly

Now: Open file → Choose theme → Click download = 1 minute

Choose "Business" theme, Vega-Lite data charts auto-convert to high-res images, professional look. Save 59 minutes weekly.

Business use cases:

📊 Sales trends (line charts)
📈 Market share comparison (bar charts)
🎯 KPI achievement (gauges)
📉 Cost analysis (stacked charts)

Let data speak, generate professional reports with one click.

🎯 Three Core Features

1. Automatic Diagram Conversion

Mermaid Diagrams · Graphviz DOT · Vega/Vega-Lite Data Charts · Infographic · SVG images · Complex HTML tables

Mermaid: Flowcharts, sequence diagrams, class diagrams, state diagrams → Technical docs, architecture design
Graphviz DOT: Directed/undirected graphs, network topology, state machines → System architecture, dependency analysis
Vega/Vega-Lite: Bar charts, line charts, scatter plots, heatmaps → Business reports, data analytics
Infographic: Statistical charts, infographics, data visualization → Data presentation, visual storytelling

Time comparison: Complex sequence diagram (10 objects)

Traditional tools: Draw 30min + Modify 20min + Adjust 10min + Export 5min = 65 minutes
Markdown Viewer: Write code 5min + Modify 30sec + Export 1sec = 6 minutes

Business scenario: Quarterly sales report (5 bar charts)

Excel charting + screenshots: Select data 15min + Format 10min + Screenshot 5min = 30 minutes
Vega-Lite: JSON data 2min + One-click export = 3 minutes

Precise, professional, reusable.

2. Perfect Formula Conversion

LaTeX → Word editable equations (not images!)

After export, you can:

✅ Continue editing in Word
✅ Adjust font size
✅ Modify symbols and variables
✅ Copy to other documents

One formula, two approaches:

❌ Word equation editor: Click...click...click...select symbols...adjust positions
✅ LaTeX: \int_0^\infty e^{-x^2}dx Done

3. 18+ Professional Themes

Different scenarios, different styles, one-click switch:

📊 Business / Technical → Business reports, technical docs
📚 Academic / Palatino → Academic papers, book typesetting
🇨🇳 Songti / Heiti / Mixed → Chinese documents
🎨 Typewriter / Sakura → Creative content

WYSIWYG: Preview looks exactly like exported Word. No guessing, no trial.

No more manual adjustments: Font, size, line spacing, paragraph spacing, code background...

⚡ Lightning Fast Experience

Smart Cache: First Time 5s, Second Time 1s

Document with 50 Mermaid diagrams:

First open: Text displays instantly, diagrams render in background, all done within 5s
Second open: Load from cache, instant display (<1s)
Text modified: Still instant (diagrams from cache)
Diagram modified: Only re-render changed diagrams

10x faster than Word, 100x smaller files.

Live Editing Experience

Real-time preview: Instant sync as you type, no manual refresh needed
Bi-directional scroll sync: Editor scrolls → Preview follows; Preview scrolls → Editor follows
Native file support: Direct preview for .mermaid, .vega, .gv, .dot, .infographic files
Deep VS Code integration: Works with Remote Workspaces, WSL, GitHub Codespaces

Markdown Tools (VS Code Exclusive)

Click the Tools button in editor title bar to access:

Heading Numbering:

Auto-number headings (supports Chinese 第一章, Arabic 1.1, Roman I/II/III)
Remove all heading numbers with one click

Auto-Fix Formatting:

Fix All Issues — one-click fix everything
Fix by category: Whitespace · Headings · Lists · Code · Links · Emphasis · Tables · Blockquotes · Proper Names

Diagnostics:

Show all Markdown issues in Problems panel
Navigate to issues directly from diagnostics

🚀 Quick Start - 3 Steps

Step 1: Install Extension (30 seconds)

Open VS Code
Go to Extensions (Ctrl+Shift+X / Cmd+Shift+X)
Search "Markdown Viewer"
Click "Install"
✅ Installation complete

Step 2: Preview Markdown (Instant)

Preview documents:

Open a .md file in VS Code
Click the preview button in top-right corner (or Ctrl+Shift+V / Cmd+Shift+V)
✅ Side-by-side preview with full formatting

Quick Start

Open documents: File → Open or drag .md file to workspace

Preview: Ctrl+Shift+V (Cmd+Shift+V on Mac) → View live preview

Export to Word: Click export icon in preview → Auto-save to project folder

Switch themes: Command palette → Select theme → Apply instantly

Adjust view: Ctrl/Cmd + +/- zoom · Preview pane layout options

🎁 Complete Features

Full Markdown Syntax Support

Headings · Paragraphs · Bold · Italic · Strikethrough · Lists · Task lists · Blockquotes · Code blocks (100+ languages highlighted) · Tables · Links · Images · Mermaid diagrams · Vega / Vega-Lite charts · Infographic charts · LaTeX formulas · HTML · GFM extensions

18 Themes

Business: Default · Business · Technical
Academic: Academic
Serif: Palatino · Garamond · Cambria · Elegant
Sans-serif: Verdana · Trebuchet · Century
Chinese: Songti · Heiti · Mixed
Creative: Typewriter · Sakura · Water · Minimal

28 Interface Languages

English · 简体中文 · 繁體中文 · Русский · 日本語 · हिन्दी · 한국어 · Deutsch · Português (Brasil) · Português (Portugal) · Nederlands · Українська · Tiếng Việt · Беларуская · Français · Italiano · Bahasa Indonesia · Español · ไทย · Svenska · Türkçe · Eesti · Bahasa Melayu · Polski · Suomi · Lietuvių · Norsk · Dansk

💎 Competitive Advantages

	Manual Screenshots	CLI Tools	Online Services	Desktop Editors	Markdown Viewer
Ease of Use	Tedious	Setup needed	Upload needed	Install needed	✅ One-click
Mermaid	Manual screenshot	Plugin needed	✅ Supported	✅ Supported	✅ Native support
Math Formulas	Images	Images	Images	Images	✅ Editable
Privacy	✅ Local	✅ Local	❌ Cloud upload	✅ Local	✅ Local
Themes	-	-	3-5	5-10	✅ 18+
Offline	✅	✅	❌	✅	✅
Price	Free	Free	Paid plans	Paid plans	✅ Free

Core advantage: Faster, cheaper, safer, more powerful.

❓ FAQ

Q: Can I edit the exported Word document?
A: Yes. Standard .docx format, math formulas are editable, not images.

Q: Which diagrams are supported?
A: All Mermaid diagrams (flowchart, sequence, gantt, class, state, pie, ER, etc.), Vega / Vega-Lite data visualization charts, Infographic statistical charts + SVG auto-conversion.

Q: Is there a file size limit?
A: No limit. Smart cache, documents with 100+ diagrams open instantly.

Q: Does it require internet?
A: No. Completely local processing, works offline.

Q: Will my documents be uploaded?
A: Never. All processing happens locally.

Q: How to switch themes?
A: Click toolbar icon → Select theme → Apply instantly.

Q: Can I customize themes?
A: Currently 18 preset themes, customization coming soon.

Q: Will large documents lag?
A: No. Progressive loading + smart cache, text displays instantly, diagrams render in background (first 5s, second 1s).

Q: Does cache take up much space?
A: Default max 1000 items, approximately 500 MB, adjustable or clearable in settings.

Q: Which VS Code versions are supported?
A: VS Code 1.60 and above.

Q: Which Word versions can open the exported file?
A: Word 2016+ fully supported, Word 2013 also works. Fully compatible with WPS Office.

Q: Can I export to PDF?
A: Currently Word only, PDF planned. You can export to Word then save as PDF.

Q: Which theme suits me?
A: Business reports → Business · Academic papers → Academic · Technical docs → Technical · Chinese docs → Songti/Mixed

Q: What's the difference between Vega and Mermaid?
A: Mermaid is for flowcharts, architecture diagrams, and other schematic diagrams; Vega/Vega-Lite is for data visualization like sales charts, financial reports, and other data-driven business charts. They complement each other for different scenarios.

Q: How to create charts with Vega-Lite?
A: Use ````vega-lite` code block in Markdown with JSON format chart specification. See Vega-Lite official examples.

🔒 Privacy Commitment

✅ All processing done locally, never uploaded
✅ No tracking, no personal data collection
✅ Open source code, auditable and transparent

Your privacy is 100% protected.

🆘 Get Help

📖 Full Documentation · 🐛 Report Issues · 💡 Feature Requests · ⭐ GitHub Star

🎉 Get Started Now

Install in 30 seconds, start using immediately:

Open VS Code → Extensions (Ctrl+Shift+X)
Search "Markdown Viewer" and install
Open any .md file in your workspace
Press Ctrl+Shift+V to open preview
✅ Start using immediately

You'll get: Markdown → Word one-click conversion · Mermaid auto-convert · LaTeX editable formulas · 100+ languages syntax highlighting · 18+ themes · Smart cache · Completely free

Perfect for: Technical writers · Students/researchers · Product managers · Developers · Anyone using Markdown

📜 Open Source License

This project is open source under ISC license. Welcome to Star, report issues, suggest features, and contribute code.

Project URL: https://github.com/xicilion/markdown-viewer-extension

Stop wasting time on formatting

Focus on writing, let Markdown Viewer handle everything else

Markdown Viewer Extension

xicilion