Markdown Preview

Type or paste Markdown and see the live HTML preview.

What is Markdown?

Markdown is a lightweight markup language. Use # for headings, **bold**, *italic*, - for lists, [link](url) for links. Renders to HTML.

What is it used for?

  • README files: GitHub, GitLab, npm
  • Blogs: Static site generators (Astro, Hugo)
  • Documentation: Docs sites, wikis
  • Notes: Notion, Obsidian, etc.

How it works

Type or paste Markdown in the editor. The preview updates in real time. Uses marked with highlight.js for code syntax highlighting. Supports headings, lists, links, tables, code blocks (with language detection), and GFM.

Related Tools

📝

JSON Formatter

Beautify, minify, and validate JSON. Pretty-print or compress. Free online JSON formatter.

🌐

HTML Formatter

Beautify and minify HTML. Format messy HTML for readability or compress for production.

📋

YAML Formatter

Beautify and validate YAML. Format YAML config files.