Markdown Live Preview

Markdown Live Preview renders GitHub-flavoured Markdown beside the editor as you type, in your browser, and exports sanitised HTML or the .md file.

MarkdownDrop a .md file here

# Markdown live preview

Type on the left, read the result on the right. Everything stays in your browser.

## Text

Plain paragraphs, **bold**, *italic*, ~~strikethrough~~ and `inline code`.
A bare link like https://commonmark.org becomes clickable on its own, and so does [a link with text](https://github.github.com/gfm/).

> Blockquotes work too.
> They can span several lines.

## Lists

1. Numbered item
2. Another one
   - A nested bullet
   - And one more

- [x] Task lists
- [ ] Unticked task

## Table

| Feature        | Syntax              | Notes                 |
| -------------- | :-----------------: | --------------------: |
| Bold           | `**text**`          | Right-aligned column |
| Strikethrough  | `~~text~~`          | GitHub extension      |
| Task list      | `- [ ] item`        | GitHub extension      |

## Code

```js
function greet(name) {
  // Fenced code gets syntax highlighting
  return `Hello, ${name}!`;
}
```

```python
def total(prices):
    return sum(p for p in prices if p > 0)
```

## Footnotes

Footnotes are collected at the bottom.[^1]

[^1]: Like this one.

---

Clear this sample with the Clear button, or open a .md file of your own.

PreviewSync scroll

0 words, 0 characters in the previewKeep a draft in this browser

At a glance

Accepts: Typed or pasted Markdown, or a .md / .txt file up to 5 MB, including tables, task lists, footnotes and inline HTML
Outputs: A live preview with highlighted code, copied HTML, a standalone .html page, or a .md file
Where it runs: Entirely in your browser, on your device
What leaves your device: Nothing - the draft is kept only in this browser's local storage, and linked images load from their own sites
Limits: No Mermaid, math, [!NOTE] alerts or emoji shortcodes; raw HTML is sanitised (no scripts, inline styles or forms); scroll sync is approximate inside long blocks
Account: Not required - there is no sign-up
Price: Free, with no watermark and no usage cap
Made by: Visrut
Last updated: 13 October 2026

Markdown Live Preview is a two-pane editor: you write Markdown on the left and see it rendered on the right as you type, styled like a README on GitHub. It follows the GitHub Flavored Markdown spec (tables, task lists, strikethrough, autolinks) and adds footnotes and heading anchors as GitHub's writing guide describes them (both checked 13 October 2026). Fenced code blocks are syntax-highlighted. When you're done, copy the HTML, download a standalone .html page, or save the .md file.

How to use it

Type or paste Markdown into the left pane, or open a .md file (the button, or drop it on the editor).
Read the result on the right. The panes scroll together; untick Sync scroll to move them separately. On a phone, switch between Write and Preview with the tabs.
Copy the HTML, download it as a standalone .html page, or download the .md file.

What it doesn't do

It doesn't render GitHub-only extras (Mermaid diagrams, math, [!NOTE] alerts, emoji shortcodes), it doesn't keep files on a server, and the saved draft lives only in this browser, so clearing site data removes it. Raw HTML is sanitised, so anything relying on scripts, inline styles or forms won't show.

Frequently asked questions

Is my Markdown uploaded anywhere?

No. Parsing and rendering run in your browser, and the draft is kept only in this browser's local storage (turn off "Keep a draft in this browser" to stop that and delete it). Images you link to are loaded from wherever they are hosted, the same as on any web page.

Which Markdown flavour does it render?

CommonMark plus the GitHub Flavored Markdown extensions: tables, task lists, strikethrough and bare-URL autolinks, plus footnotes, which GitHub also supports. Headings get GitHub-style ids so section links like #installation work inside the preview.

Can I use HTML inside my Markdown?

Yes, safe HTML such as <details>, <kbd>, <sup> and <br> renders. Everything is passed through DOMPurify first, so scripts, event handlers like onerror, javascript: links, inline styles and form elements are removed. Pasting someone else's Markdown can't run code on this page.

Which languages get syntax highlighting in code blocks?

Fenced code blocks tagged with bash, c, cpp, csharp, css, diff, go, html (xml), java, javascript (js), json, kotlin, markdown, php, python, ruby, rust, shell, sql, swift, typescript (ts) or yaml. Other languages show as plain monospace text.

What does the downloaded .html file look like?

A single standalone page with the rendered content and a small built-in stylesheet (readable fonts, tables, code blocks), so it opens correctly in any browser with no other files. The page title comes from your first # heading.

Does scroll sync always line up exactly?

Closely, not perfectly. Each block in the preview is matched to the source line it starts on, and positions in between are interpolated, so a long table or code block can drift a little mid-block. Untick Sync scroll to scroll the panes independently.

Will it look exactly like GitHub?

Close, but not identical. GitHub adds its own features on top of GFM that this preview doesn't render, such as Mermaid diagrams, math, alerts like [!NOTE], emoji shortcodes and @mentions.