How do I add a task list in Markdown?

Use - [ ] for an unchecked item and - [x] for a checked item. The converter renders these as HTML checkboxes: for unchecked and for checked items.

Home › Tools › Developer Tools › Markdown to HTML

Markdown to HTML Converter

Paste Markdown on the left — get rendered HTML on the right instantly. Supports CommonMark and GitHub Flavored Markdown: tables, task lists, fenced code blocks. Copy the HTML or download a standalone file. 100% in-browser, nothing stored.

All conversion runs in your browser using marked.js (MIT). Your Markdown is never uploaded or stored.

Markdown

Rendered HTML appears here as you type

About Markdown to HTML Converter

Markdown to HTML Converter takes standard Markdown — the lightweight text markup format used in GitHub README files, Notion pages, Confluence docs, and thousands of static-site generators — and outputs the corresponding HTML in real time as you type. No button click, no server request, no page reload: the preview and raw HTML source update instantly on every keystroke using the marked.js library running in your browser.

The converter implements CommonMark (the 2014 specification that standardised conflicting Markdown dialects) plus GitHub Flavored Markdown extensions, which add the four features that CommonMark deliberately left out: tables (| col | col |), task lists (- [ ] item and - [x] done), strikethrough (~~text~~), and fenced code blocks with optional language labels (```javascript). These four additions cover nearly every Markdown document you will encounter in a developer workflow.

Two output views

The Preview tab renders the HTML visually — headings, paragraph spacing, table borders, inline code, blockquotes, and checkboxes all appear as they would in a browser. The HTML tab shows the raw HTML source generated by the parse — the string you copy and paste into a CMS, an email template, a documentation platform, or source code. Both views stay synchronised: switching tabs does not re-parse or change anything.

Copy and download

The Copy HTML button writes the raw HTML string to your clipboard. The Download .html button generates a complete, standalone HTML file — a full document with <!doctype html>, <meta charset="utf-8">, a minimal CSS reset for readable typography, and your rendered content in the body. Open it in any browser, or paste its <body> content directly into a rich-text editor or CMS.

What the converter handles

Headings (# through ######), bold (**text**), italic (*text*), inline code (`code`), fenced code blocks, ordered and unordered lists (including nested lists), blockquotes, horizontal rules, links, images, and HTML pass-through. Tables require the GFM format with header separator row. Task lists require GFM list syntax. The converter does not handle Markdown directives, YAML front matter, or custom extensions beyond the GFM set — those features belong to site generators like Jekyll or Hugo that process Markdown on the server with plugin pipelines.

Common use cases

Pasting Markdown content into a CMS — A developer writing a Notion page or a Confluence article in Markdown wants to move the content into a WordPress editor that accepts HTML. Paste the Markdown here, switch to the HTML tab, copy, and paste directly into the WordPress text/source editor. The headings, lists, and inline code translate exactly.
Writing email template body content — A marketing engineer drafting an HTML email writes the body copy in Markdown for readability, then converts to HTML to paste into the ESP's code editor. Tables render as <table> elements compatible with most email clients, and the heading hierarchy is preserved.
Previewing README files before pushing — A developer editing a GitHub README.md wants to see how the formatted output will look before committing. Paste the Markdown here — headings, code blocks, and tables render identically to GitHub's Markdown renderer, which also uses a CommonMark + GFM parser under the hood.
Generating static HTML from documentation Markdown — A technical writer maintaining a product doc in Markdown needs a one-off HTML export for a PDF generation step or a legacy portal that only accepts HTML. Download the .html file, open it in Chrome, and print to PDF — the CSS reset keeps typography clean without any additional styling work.
Quick Markdown syntax verification — A developer writing a table in Markdown for the first time pastes an attempt and instantly sees whether the pipe-and-hyphen syntax is correct. The live preview catches wrong separator rows, missing pipes, or invalid task-list checkbox syntax before the document is committed.

Frequently asked questions

Is Markdown to HTML Converter free?

Yes. The tool is completely free with no account, no upload limit, and no rate limiting. All processing runs in your browser using marked.js — no data is sent to any server.

Does the tool send my Markdown to a server?

No. Markdown parsing runs entirely in your browser using the marked.js library (version 4, MIT license). Your content never leaves your device. After the page loads, the tool works offline with no network activity at all.

Which Markdown flavors are supported?

CommonMark and GitHub Flavored Markdown (GFM). GFM adds tables, task lists (- [ ] and - [x]), strikethrough (~~text~~), and fenced code blocks with language labels. Standard Markdown features — headings, bold, italic, lists, code, links, blockquotes, images — are fully supported.

How do I create a table in Markdown?

Use pipes to separate columns and hyphens for the header separator: | Name | Role | / | --- | --- | / | Alice | Developer |. Column alignment is controlled by colons in the separator row: | :--- | ---: | :---: | for left, right, and center.

What does the Download .html button produce?

A complete, standalone HTML file with a proper doctype, UTF-8 charset, and a minimal CSS reset for readable typography. The entire rendered Markdown appears in the <body>. Open it directly in a browser, or paste its contents into a CMS text editor.

Why does my code block have no syntax highlighting?

marked.js converts fenced code blocks to <pre><code class="language-x"> elements but does not apply syntax highlighting — that is a separate library (Prism.js, highlight.js, etc.) that you would add to the downloaded HTML file. The Preview pane shows code in monospace formatting without colour; the HTML output includes the correct class attributes for any highlighter to pick up.

Keep going

More developer tools

LiveDeveloper

Text Diff

Compare two Markdown documents side by side — see which sections were added, removed, or changed between two versions of the same file.

Open tool

LiveDeveloper

JSON Formatter & Validator

Format and validate the JSON code blocks inside your Markdown — confirm structure is correct before embedding in documentation or README files.

Open tool

LiveDeveloper

Base64 Encoder / Decoder

Encode the HTML output as Base64 for safe transport in data URIs, API payloads, or email templates that need inline content.

Open tool

LiveDeveloper

Readability Checker

Paste the plain-text content of your Markdown document to check its Flesch Reading Ease score and grade level before publishing.

Open tool

LiveDeveloper

Case Converter

Convert headings and body copy between UPPERCASE, lowercase, Title Case, and sentence case before pasting into your Markdown document.

Open tool