Markdown Preview
Write Markdown on the left and see GitHub-flavoured HTML render on the right as you type. Tables, task lists, fenced code and block quotes are all supported, and the preview is sandboxed so embedded HTML cannot run.
Markdown ToolsHow to use Markdown Preview
- Type or paste Markdown into the editor on the left.
- The preview re-renders as you type — there is nothing to click.
- Switch the preview to mobile width to check how a README reads on a phone.
- Copy the generated HTML, or download either the .md source or the .html output.
Examples
A table
Pipes define the columns; the second row sets alignment.
| Tool | Category | Free | | ---- | -------- | :--: | | HTML Preview | HTML | yes |
Fenced code with a language
Three backticks and a language name open a code block; three more close it. Tildes work too, which is handy when the code itself contains backticks.
~~~js const greet = (name) => 'Hello, ' + name; ~~~
Task list
A GitHub extension, rendered as checkboxes.
- [x] Write the draft - [ ] Review it
Features
- GitHub-flavoured Markdown: tables, task lists, fenced code and strikethrough
- Live rendering with no build step
- Preview at full width or constrained to 375px
- Copy the rendered HTML, or download the Markdown or the HTML
- Sandboxed preview: embedded HTML and scripts are inert and cannot reach this page
- Autosaves your draft to this browser only
- Word and line counts while you write
Frequently asked questions
- Which Markdown flavour is rendered?
- GitHub-flavoured Markdown via the marked library, so tables, task lists, strikethrough and fenced code blocks all work alongside the CommonMark basics.
- Will my README look the same on GitHub?
- Structurally yes — headings, lists, tables and code blocks are parsed the same way. GitHub applies its own stylesheet and adds features such as issue references and emoji shortcodes, so the styling will differ.
- Can I use raw HTML in my Markdown?
- You can write it, and it renders in the preview. It cannot do anything, though: the preview is a fully sandboxed frame with scripting disabled, so a script tag or an onerror attribute is inert.
- Is the preview safe with untrusted Markdown?
- Yes. Rather than sanitising the HTML and injecting it into this page, the output is loaded into an iframe with an empty sandbox attribute, which blocks scripts, forms, popups and same-origin access entirely.
- Can I get the HTML out?
- Yes — Copy HTML puts the generated markup on your clipboard, and Download .html saves it as a file.
- Is anything uploaded?
- No. The renderer runs in your browser and your draft is stored only in this browser's local storage.
Related tools
About Markdown Preview
Markdown Preview is part of Markdown Tools on ToolHive, a growing collection of small, focused utilities for developers, designers and students. Preview and convert Markdown the moment you type it, with GitHub-style output. Everything runs client-side, so your data never leaves the browser tab — which makes these tools safe to use with work-in-progress code and private content.