Markdown Viewer & Editor
Open, preview, edit and save Markdown files privately in your browser. Files stay on your device.
Write Markdown here. The preview and outline update as you type. Press Escape, then Tab, to leave the editor.
Features
How to view and edit Markdown files
Open or drop your file
Select a .md or .markdown file from your device, drag and drop it directly onto the editor, or begin typing your content from scratch in the blank workspace.
Switch and customize views
Use the Editor tab for focused writing, Preview tab for clean reading, or Split view to write while observing real-time rendered output and heading outline updates.
Format content and insert diagrams
Apply headings, bold, italics, tables, and code blocks using the toolbar or standard Markdown shortcuts. Insert live Mermaid flowcharts, sequence diagrams, and mind maps via the built-in template sheet.
Save locally to your device
When you finish editing, select Save .md to download the updated file directly to your computer or phone. Your data stays entirely in your browser without leaving your machine.
Private local document processing
All Markdown parsing, code syntax coloring, outline generation, and Mermaid diagram rendering happen locally on your computer or mobile device. Your files, confidential notes, and project READMEs are never uploaded to, processed on, or stored by any remote server.
Because the workspace operates entirely within your browser session, you can comfortably inspect and edit sensitive internal documentation, credentials templates, or personal journals with complete peace of mind.
Supported Markdown syntax & diagrams
Format structured data with GFM tables, interactive task lists (- [x]), strikethrough text (~~text~~), blockquotes, nested bulleted and numbered lists, and horizontal dividers.
Code fences with language tags render with full syntax coloring across major programming and data languages, including JavaScript, TypeScript, Python, HTML, CSS, JSON, Rust, Go, SQL, YAML, and Shell script.
Render interactive diagrams inside ```mermaid code blocks. Easily build flowcharts, sequence diagrams, state diagrams, class diagrams, entity-relationship models, pie charts, Gantt timelines, and mind maps without installing external graphics tools.
Navigate complex technical documentation with an automatically generated heading outline. Monitor live document stats including word count, character count, line numbers, headings, and estimated reading time.