Markdown Preview
Write Markdown, see it rendered live.
Runs entirely in your browser — nothing you enter is uploaded or sent to a server.
This renders a common subset of Markdown, so deeply nested lists or raw HTML you embed may not come out exactly as another editor shows them — preview before you publish. Any HTML in your text is escaped and shown as characters, never run, so it's safe to paste. Read our full disclaimer.
About this tool
Markdown is the plain-text shorthand behind README files, chat messages, and most note apps: a few symbols like # and ** stand in for headings and bold so you can format without a mouse. This tool turns that shorthand into formatted output the moment you type it, so you can draft a README or a comment and see how it will actually look before you post it. Open a .md file to preview it, or flip to the HTML view when you need the underlying tags to paste somewhere else.
Try it
Type `## Notes` on one line and `- first` and `- second` on the next two: you get a subheading followed by a bulleted list. Wrap a word in **stars** to bold it, and [text](https://example.com) becomes a link.
How to use
- 1Type or paste Markdown in the editor — or use Upload to open a .md file.
- 2Watch it render beside the editor; drag the divider or go fullscreen to read.
- 3Flip the right pane to HTML to see the generated markup.
- 4Copy the HTML to reuse it elsewhere.
Features
- A resizable editor/preview split — drag the divider or go fullscreen to read.
- Covers headings, bold/italic, lists, quotes, links, images, tables, and fenced code.
- View HTML source and copy the generated markup in one click.
- Open a local .md or .txt file straight into the editor.
Frequently asked questions
Which Markdown features are supported?
The everyday set: headings, bold/italic/strikethrough, inline and fenced code, links and images, ordered and unordered lists, blockquotes, horizontal rules, and GitHub-style pipe tables. Very exotic extensions may not render.
What happens to HTML I put inside my Markdown?
It's escaped and shown as literal text, not rendered. So a tag like <b> appears as characters rather than turning your text bold — this keeps the preview safe to use with text from anywhere.
How do I write a table, a link, or a code block in Markdown?
A link is [text](url); a fenced code block is three backticks on their own line above and below your code; a table uses pipes with a divider row — | A | B | then | --- | --- |. Type any of these and the preview renders it instantly.
Is this the same Markdown as GitHub?
It covers the everyday GitHub-Flavoured Markdown set — headings, lists, links, images, fenced code, and pipe tables — so a README will look close to how GitHub shows it. A few GitHub-only extensions (task lists, @mentions) aren't rendered.
Can I preview a file instead of pasting?
Yes. Use Upload to open a .md, .markdown, or .txt file from your device; its contents load into the editor and render immediately.
More developer tools
View allJSON Formatter
Paste raw JSON and get it neatly indented, minified, or validated — entirely in your browser, with a clear error message pointing to anything invalid.
Open toolText Diff
Compare two blocks of text line by line and see exactly what was added, removed, or left unchanged — a quick side-by-side diff that runs in your browser.
Open toolWeb Playground
Write HTML, CSS, and JavaScript across three panes and watch it render instantly in a sandboxed preview. A fast scratchpad for an idea, snippet, or layout.
Open tool