DDevPocket

Markdown live preview

Type or paste Markdown on the left and read it rendered on the right, as GitHub would show it — tables, task lists, footnoted links, blockquotes and fenced code with syntax highlighting. Fenced blocks tagged mermaid become real diagrams. Raw HTML in the source is shown as text rather than executed, so pasting a README you did not write cannot run anything in your browser.

How it works

  1. 1. Paste Markdown, or open a .md file from your machine — it is read locally and never uploaded.
  2. 2. The preview updates as you type, with scrolling synced between the two panes.
  3. 3. Switch to the HTML tab to read the generated markup instead of the rendered page.
  4. 4. Copy the HTML, or download a self-contained .html file that carries its own styling.

Common use cases

  • • Checking a README renders correctly before pushing it
  • • Drafting a pull request description or release notes with a table in it
  • • Turning meeting notes into an HTML file you can send to someone
  • • Sketching a flowchart or sequence diagram in Mermaid without opening a diagram tool

FAQ

Which Markdown flavour does it follow?

GitHub-flavoured Markdown: tables, task lists, strikethrough, autolinks and fenced code blocks on top of standard CommonMark.

What happens to HTML written inside the Markdown?

It is escaped and displayed as text rather than rendered. GitHub sanitises inline HTML instead; escaping is stricter, and it means a document from an untrusted source cannot run a script in your tab. If you need the HTML to render, download the file and open it yourself.

Do Mermaid diagrams cost anything to load?

Only if you use one. The diagram renderer is a large dependency, so it is fetched the first time a document actually contains a mermaid block — a document without one never downloads it.

Is the downloaded HTML self-contained?

Yes. Styles are inlined and it renders in light or dark mode, so the file works on its own with no stylesheet or network access. Mermaid diagrams are exported as inline SVG.

Is my document uploaded when I open a file?

No. The file is read in your browser with the File API, the same as pasting the text. Nothing leaves your machine at any point.

Related tools