Free Markdown Editor & Viewer

Edit and view Markdown online — render Mermaid diagrams, highlight code, and embed images as Base64 in one portable .mdx file. Use it in your browser, on Windows/macOS/Linux desktops, or in the cloud.

📌 Tip: the privacy-first static web editor needs no login — your data never leaves your browser.

M my-doc.mdx ✓ images embedded ✓ diagrams ✓ travels anywhere 2.4 MB
Source (.mdx)
# My document ## Screenshot ![shot](data:image/png;base64,iVBORw0KGgo…) ## Flowchart ```mermaid A --> B{OK?} -->|yes| C
Rendered

My document

🖼 1 screenshot embedded
A → B{OK?} → C

Three tools, three choices

Each mode keeps your files safe in its own way. Choose the one that fits how you work.

Private · No cloud
🌐

Static Web Editor

Private & ready anywhere

Run in your browser with no login, no download, and no cloud upload. Your data never leaves your device.

  • No sign-in · data never uploaded
  • Export as .mdx / save locally in browser
  • Always available · works offline
Open Static Editor Saves in your browser · no upload
Offline · Native
💻

Desktop Apps

Download & run, on your machine

Native editors & viewers for Windows, macOS and Linux. Download once, run instantly — your files stay on your disk.

  • Windows / macOS / Linux
  • Works fully offline
  • Open & save local .mdx files
🪟WindowsDownload
🍎macOSDownload
🐧LinuxDownload
Online · Auto-save
☁️

Cloud Editor

Auto-save to prevent loss

Edit online with Google sign-in. Documents auto-save to the cloud so you never lose work — access from any device.

  • One-click Google sign-in
  • Auto-save to cloud (D1 + R2)
  • Access from any device
The MDX format

One file. Everything inside. 📄

Your whole document is a single self-contained .mdx file. Images, files, and Mermaid diagrams are embedded as Base64 — no external assets, nothing to lose.

  • Images & attachments embedded as Base64
  • Mermaid diagrams rendered inline
  • One portable .mdx file — share, back up, push to any repo
Single-file No assets Portable
# 我的文档 # My document ## 截图 ## Screenshot ![screenshot.png](data:image/png;base64,iVBORw0KGgo…) ## 流程图 ## Flowchart ```mermaid graph TD A[Start] --> B{OK?} B -->|yes| C[Save] ```