Markdown Preview
Write Markdown on the left and see a live rendered preview on the right. Supports GFM tables, task lists, and syntax-highlighted code blocks.
What is Markdown?
Markdown is a lightweight markup language that lets you write formatted text using plain text syntax. Headers are written with #, bold with **text**, italics with *text*, links with [text](url), and code blocks with backticks. Markdown is used in GitHub README files, documentation sites, blog posts, and many note-taking apps.
This tool renders a live side-by-side Markdown preview as you type, supporting GitHub Flavoured Markdown (GFM) including tables, task lists, and strikethrough.
How to preview Markdown online
- Type or paste your Markdown into the Editor panel on the left.
- The rendered HTML preview appears in real time on the right.
- Click Copy HTML to get the rendered HTML output.
Frequently Asked Questions
What is GitHub Flavoured Markdown?
GFM is GitHub's extension of standard Markdown that adds tables, task lists (- [ ] and - [x]), fenced code blocks with syntax highlighting, and strikethrough text. It is the most widely used Markdown flavour.
What is the difference between Markdown and HTML?
Markdown is a simplified syntax that compiles to HTML. Writing **bold** in Markdown produces bold HTML. Markdown is easier to write and read in raw form; HTML is required for complex layouts.
Can I write HTML inside Markdown?
Yes. Most Markdown parsers allow raw HTML inline with Markdown. HTML tags in the Markdown source are passed through to the output.
What is frontmatter in Markdown?
Frontmatter is a YAML block at the top of a Markdown file delimited by --- used to define metadata like title, date, and tags. It is used by static site generators like Jekyll, Hugo, and Astro.