Markdown Editor with Live Preview

Write Markdown on the left, see it render live on the right.

Ad placeholder (leaderboard)
Enjoying the tools? Go Pro for £4.99 (one-time) and remove all ads — forever, on this device. Remove ads — £4.99

A Markdown editor built for fast, distraction-free writing. Type in plain Markdown on the left and watch it render as clean, formatted HTML on the right — in real time, with no save button to remember and nothing leaving your browser. It’s ideal for drafting README files, blog posts, documentation, GitHub issues, release notes, forum replies and anything else where you want structured text without fighting a heavyweight word processor.

Unlike most online editors, this one is a small stateful mini-app rather than a one-shot converter. It remembers your document between visits, keeps a running word and character count, lets you flip between split, edit-only and preview-only layouts, and gives you both .md export and one-click HTML copy. Open it, start writing, and come back tomorrow — your draft will be exactly where you left it.

How it works

The editor splits the screen into two synchronised panes. The left pane is a plain text area where you write Markdown — the lightweight markup language that turns # Heading into a heading, **bold** into bold, and - item into a bullet list. As you type, the right pane re-renders your text into HTML using a GitHub-Flavored-Markdown parser, so headings, tables, code blocks, blockquotes, task lists and inline formatting all appear instantly.

A formatting toolbar sits above the panes. Select some text and click a button to wrap it: bold, italic, strikethrough, inline code, links and fenced code blocks all work on the current selection, while heading, list and quote buttons prefix whole lines. If you prefer the keyboard, Ctrl/Cmd + B / I / K handle bold, italic and links, and Tab inserts two spaces so your nested lists and code stay indented.

Everything is computed client-side. A short debounce after each keystroke writes your document to your browser’s local storage, which is why the draft survives refreshes and tab closes. When you’re finished, Export .md downloads a portable Markdown file, Copy HTML puts the rendered output on your clipboard, and Copy MD grabs the raw source. The status bar keeps a live word, character, line and reading-time count so you always know how long your piece is running.

Example

Suppose you’re drafting a project README. You type:

# Acme CLI

A tiny tool for **automating builds**.

## Install

```bash
npm install -g acme-cli
  • Fast
  • Zero config
  • Cross-platform

The preview pane immediately shows a styled `Acme CLI` heading, a bold phrase, an
`Install` subheading, a syntax-highlighted code block and a tidy bulleted list.
The status bar reads roughly **20 words · 1 min read**. You hit **Export .md** to
save `document.md` for your repository, or **Copy HTML** to drop the rendered
version straight into a release email.

Because the draft autosaves, you can close the tab mid-sentence, reopen the page
later, and continue exactly where you stopped — all without an account, a login
or a single byte leaving your machine.
Ad placeholder (rectangle)