Markdown Preview

Write Markdown on the left, see rendered HTML on the right. Supports GFM syntax including tables, code blocks, and task lists. 100% in your browser.

How it works: Type or paste Markdown in the editor below to see it rendered as HTML in real-time. Supports headers, bold, italic, links, images, code blocks, tables, lists, and more. No data is sent to any server.

Welcome to Markdown Preview

This is a live Markdown editor. Everything you type is rendered instantly.

Features

  • Bold and italic text
  • Strikethrough text
  • Links and images
  • Code blocks with syntax highlighting
  • Tables and lists

Code Block

function greet(name) {
  return `Hello, ${name}!`;
}
console.log(greet("World"));

Inline Code

Use console.log() for debugging.

Blockquote

"The best way to predict the future is to invent it."
— Alan Kay

Table

Feature Status Notes
Headers Done h1-h6
Lists Done Ordered & unordered
Tables Done GFM style
Code Done Fenced & inline

Ordered List

  1. First item
  2. Second item
  3. Third item

Horizontal Rule

That's it! Start editing to see your Markdown rendered.

147 words880 chars50 lines

What is Markdown?

Markdown is a lightweight markup language created by John Gruber in 2004. It lets you write formatted text using plain-text syntax that's easy to read and write. Markdown is widely used in documentation, README files, blogs, forums, and messaging apps. Files typically use the .md or .markdown extension. The syntax is designed to be readable even without rendering.

Common Markdown Syntax

Headers use # symbols (# for h1, ## for h2, up to ######). Bold text uses **double asterisks**, italic uses *single asterisks*. Links use [text](url) format, images use ![alt](url). Code blocks use triple backticks (```) with optional language identifiers. Lists use - or * for unordered and 1. for ordered items. Blockquotes use > at the start of a line.

GitHub Flavored Markdown (GFM)

GitHub Flavored Markdown extends standard Markdown with additional features like tables (using pipes | and dashes -), task lists (using [ ] and [x]), strikethrough text (using ~~double tildes~~), and fenced code blocks with syntax highlighting. GFM is the most commonly used Markdown variant in the developer community.

Markdown Best Practices

  • Use blank lines between block elements for clearer source
  • Keep lines under 80 characters for better readability
  • Use reference-style links for repeated URLs
  • Use fenced code blocks with language identifiers for syntax highlighting
  • Use heading hierarchy consistently (don't skip levels)
  • Preview your Markdown before publishing to catch formatting errors