Uttir

Markdown Editor

Write Markdown on the left, see the rendered HTML on the right. Live preview, character / word / line counts, copy HTML or Markdown, drag-drop a file to open it.

Markdown Editor — A split-pane Markdown editor with a live HTML preview. Type on the left, the rendered HTML updates on the right as you type. No preview lag, no server round-trip — the conversion happens locally in your browser.

Your text stays in your browser. The preview is rendered locally — nothing is uploaded.

Was Markdown Editor useful?

What is markdown editor?

A split-pane Markdown editor with a live HTML preview. Type on the left, the rendered HTML updates on the right as you type. No preview lag, no server round-trip — the conversion happens locally in your browser.

Useful for writing README files, blog posts, Slack messages, documentation, or any other Markdown content. The editor shows character, word, and line counts in the toolbar; you can copy the rendered HTML or the original Markdown, or drag-drop a .md file to open it.

How to use it

  1. Write or paste Markdown

    Type in the left pane, or paste from another app.

  2. Watch the preview

    The right pane updates as you type. No lag — preview is local.

  3. Copy or export

    Copy the rendered HTML, or the original Markdown, or download as a .md file.

Examples

A short README

The first three sections of a typical project README. Live preview renders the headings, the code block, and the list.

# Project

A short description.

## Install

```bash
npm install my-package
```

## Usage

- Bullet one
- Bullet two

Result: A live HTML preview with a heading, a sub-heading, a code block, and an unordered list.

A blog draft

Long-form Markdown with a link, an image, a quote, and emphasis. Tests the most common syntax in one document.

## Why I switched to local-first

I have been [writing locally](https://example.com) for years. The privacy angle matters more than people think.

> The best note-taking system is the one you actually use.

**Bold** and *italic* work too.

Result: A live preview with a sub-heading, a paragraph with an inline link, a blockquote, and bold / italic text.

Frequently asked questions

Related tools

Markdown to HTML Converter

Convert Markdown to clean HTML. Headings, lists, links, images, code blocks, blockquotes, and inline formatting.

Character Counter

Count characters, words, lines, and UTF-8 bytes as you type.

Word Counter

Count words, characters, sentences, and paragraphs in your text instantly.

HTML Entity Encoder/Decoder

Encode special characters to HTML entities (& < > " ’) and decode named, decimal, or hex entities back to text.

HTML Minifier

Shrink HTML by stripping comments and collapsing whitespace. See byte savings in real time.