Markdown Preview

Write Markdown on the left and see the rendered HTML preview instantly. Copy the generated HTML with one click.

Markdown

Preview

Hello, Markdown!

Write your markdown here and see the live preview on the right.

Features

  • Bold, italic, strikethrough
  • Links
  • inline code and code blocks
const greet = name => `Hello, ${name}!`;

Blockquotes are supported too.

Column A Column B
Cell 1 Cell 2

FAQ

Which Markdown spec does this use?▼

This tool uses the `marked` library which follows the CommonMark specification and supports GitHub Flavored Markdown (GFM) extensions such as tables and strikethrough.

Is my content sent to a server?▼

No. All Markdown parsing happens entirely in your browser using the marked JavaScript library. Nothing is transmitted to any server.

Can I use this to preview README files?▼

Yes! Paste your GitHub README.md content into the editor and see an instant preview. The output mirrors how GitHub renders Markdown.

Frequently Asked Questions

Which Markdown flavors are supported?

This tool supports CommonMark and GitHub Flavored Markdown (GFM), including tables, strikethrough (~~text~~), task lists (- [x]), and fenced code blocks with language syntax highlighting.

Can I export the rendered HTML?

Yes. Click the Copy HTML button to get the generated HTML output, ready to paste into any web page or CMS.

Is this safe for untrusted Markdown content?

This tool is designed for rendering your own Markdown. For user-generated content in production, always sanitize HTML output to prevent XSS attacks.

What is Markdown?

Markdown is a lightweight markup language created by John Gruber in 2004. Its goal: allow writers to format text using plain characters that are readable as-is, while also rendering beautifully to HTML. The name is a pun on HTML's “markup” — Markdown is the opposite, a “mark down” language.

Today Markdown is the de-facto standard for README files (GitHub), API documentation (Stripe, Twilio), static site generators (Hugo, Jekyll, Astro), note-taking apps (Obsidian, Notion), and chat platforms (Slack, Discord).

Markdown Syntax Cheatsheet

MarkdownRendered output
# Heading 1<h1>Heading 1</h1>
## Heading 2<h2>Heading 2</h2>
**bold**<strong>bold</strong>
*italic*<em>italic</em>
`inline code`<code>inline code</code>
```js\ncode\n```<pre><code class="language-js">code</code></pre>
[Link](https://example.com)<a href="...">Link</a>
![Alt](image.png)<img alt="Alt" src="image.png">
> Blockquote<blockquote>Blockquote</blockquote>
- Item\n- Item<ul><li>Item</li></ul>
1. First\n2. Second<ol><li>First</li><li>Second</li></ol>
---<hr /> (horizontal rule)

GitHub Flavored Markdown (GFM) Extensions

  • Tables — | Col1 | Col2 | rows with a separator row of dashes.
  • Task lists — - [x] Done and - [ ] Pending render as checkboxes.
  • Strikethrough — ~~deleted text~~ renders as deleted text.
  • Autolinks — bare URLs like https://example.com become clickable links automatically.
  • Fenced code blocks — triple backticks with an optional language identifier for syntax highlighting.
  • Footnotes — [^1] in text + [^1]: note at the bottom.