Free Tool
Markdown Preview
Write Markdown and see the rendered HTML preview side by side in real time. Copy the resulting HTML with one click.
Hello, Markdown!
This is a bold and italic example. You can also use strikethrough.
Code
Inline code and blocks:
function greet(name) {
return `Hello, ${name}!`;
}Lists
- Apples
- Bananas
- Cherries (bold item)
- First step
- Second step
- Third step
Links & Blockquotes
"Any fool can write code that a computer can understand. Good programmers write code that humans can understand." — Martin Fowler
| Column A | Column B |
|---|---|
| Cell 1 | Cell 2 |
Quick reference
# Heading 1→ H1## Heading 2→ H2**bold**→ Bold*italic*→ Italic~~text~~→ Strikethrough`code`→ Inline code[text](url)→ Link→ Image- item→ Bullet list1. item→ Numbered list> text→ Blockquote---→ Horizontal ruleWhat is Markdown?
Markdown is a lightweight markup language that converts plain text to HTML. # becomes an h1, ** wraps bold text, and - creates list items. It is used for README files, documentation, blog posts, and comments on platforms like GitHub.
How to use
- Type or paste Markdown in the left panel.
- The rendered preview updates live in the right panel.
- Click Copy HTML to copy the rendered HTML output.
All rendering runs in your browser — nothing is sent to any server.
Frequently Asked Questions
- Which Markdown flavour is supported?
- CommonMark via the marked library — headings, bold, italic, links, images, code blocks, blockquotes, and tables.