Markdown preview
Live side-by-side editor and rendered preview for Markdown with GFM support
Markdown
Preview
Markdown Preview
Write bold, italic, or inline code text.
Code block
const greet = (name: string) => `Hello, ${name}!`;
console.log(greet('World'));
Lists
- Item one
- Item two
- Nested item
- First
- Second
Links and blockquotes
A blockquote with a link.
Table support (GFM):
| Name | Role |
|---|---|
| Alice | Developer |
| Bob | Designer |
TL;DR
What is Markdown preview?
Markdown is a lightweight markup language created by John Gruber in 2004 that uses plain text formatting conventions to produce HTML. It is the standard format for README files, documentation sites (GitHub, GitLab, Notion), and many CMS platforms. This tool renders Markdown using the marked library with GitHub Flavored Markdown (GFM) support.
Common use cases
- ‣README authoring: preview how a README will render on GitHub before pushing
- ‣Documentation drafting: write and preview documentation pages before publishing to a docs platform
- ‣Blog posts: draft Markdown content for static site generators (Jekyll, Hugo, Astro)
Frequently asked questions
What is GitHub Flavored Markdown (GFM)?
GFM is GitHub's extension of the CommonMark specification. It adds tables, task lists (- [ ]), strikethrough (~~text~~), fenced code blocks with syntax highlighting, and autolinked URLs. Most developer documentation platforms support GFM.
Can I use HTML inside Markdown?
Yes. Standard Markdown allows raw HTML inline or as block elements. Most renderers pass HTML through unchanged. However, some platforms (GitHub README, Notion) strip certain HTML tags for security.