Markdown Viewer & Live Editor

Open a .md file or type Markdown and see the formatted result instantly. Supports GitHub-flavored Markdown: tables, task lists, strikethrough and code blocks. Your files are read in your browser and never uploaded.

Markdown

# Markdown syntax guide

## Headers

# This is a Heading h1
## This is a Heading h2
###### This is a Heading h6

## Emphasis

*This text will be italic*  
_This will also be italic_

**This text will be bold**  
__This will also be bold__

_You **can** combine them_

## Lists

### Unordered

* Item 1
* Item 2
* Item 2a
* Item 2b
    * Item 3a
    * Item 3b

### Ordered

1. Item 1
2. Item 2
3. Item 3
    1. Item 3a
    2. Item 3b

## Images

![This is an alt text.](/image/Markdown-mark.svg "This is a sample image.")

## Links

You may be using [FunTwitch Markdown Viewer](https://funtwitch.com/tools/markdown-viewer).

## Blockquotes

> Markdown is a lightweight markup language with plain-text-formatting syntax, created in 2004 by John Gruber with Aaron Swartz.
>
>> Markdown is often used to format readme files, for writing messages in online discussion forums, and to create rich text using a plain text editor.

## Tables

| Left columns  | Right columns |
| ------------- |:-------------:|
| left foo      | right foo     |
| left bar      | right bar     |
| left baz      | right baz     |

## Blocks of code

```
let message = 'Hello world';
alert(message);
```

## Mermaid diagrams
```mermaid
graph TD
  A[Start] --> B{Decision}
  B -->|Yes| C[Finish]
  B -->|No| D[Alternate]
```

## Inline code

This web site is using `react-markdown`.

228 words · 1355 characters

Preview

Markdown syntax guide

Headers

This is a Heading h1

This is a Heading h2

This is a Heading h6

Emphasis

This text will be italic
This will also be italic

This text will be bold
This will also be bold

You can combine them

Lists

Unordered

Item 1
Item 2
Item 2a
Item 2b
- Item 3a
- Item 3b

Ordered

Item 1
Item 2
Item 3
1. Item 3a
2. Item 3b

Images

This is an alt text.

Links

You may be using FunTwitch Markdown Viewer.

Blockquotes

Markdown is a lightweight markup language with plain-text-formatting syntax, created in 2004 by John Gruber with Aaron Swartz.

Markdown is often used to format readme files, for writing messages in online discussion forums, and to create rich text using a plain text editor.

Tables

Left columns	Right columns
left foo	right foo
left bar	right bar
left baz	right baz

Blocks of code

let message = 'Hello world';
alert(message);

Mermaid diagrams

Drawing diagram…

Inline code

This web site is using react-markdown.

How to use the Markdown Viewer

1
Open or paste Markdown
Click Open .md file to load a file such as a README, or type and paste on the left.
2
See the live preview
The formatted result updates on the right as you type. On phones, switch with the Write and Preview tabs.
3
Edit as needed
Change headings, lists, links or tables and watch the preview follow.
4
Copy or download
Copy the rendered HTML for a website or email, or download your Markdown as a .md file.

Features

Live preview
See formatted Markdown side by side while you write.
GitHub-flavored Markdown
Tables, task lists, strikethrough, autolinks and fenced code blocks.
Open .md files
View README.md and other Markdown files without installing anything.
Copy as HTML
Get clean HTML of the preview to paste into a website or CMS.
Private
Files are read in your browser and never leave your device.
Word count
See the number of words and characters as you write.

Frequently asked questions

How do I open a .md file?

Click 'Open .md file' and choose the file from your computer or phone. The Markdown is shown on the left and the formatted preview on the right.

What is Markdown?

Markdown is a simple way to format text using symbols, for example # for a heading, ** for bold and - for a list. It is used for README files, documentation, notes and many websites.

Does it support GitHub Markdown tables and checklists?

Yes. The viewer supports GitHub-flavored Markdown, including tables, task lists (- [x]), strikethrough (~~text~~), autolinks and fenced code blocks.

Can I convert Markdown to HTML?

Yes. Click 'Copy HTML' to copy the HTML of the preview, ready to paste into a website, blog or email editor.

Are my files uploaded?

No. Files are opened and rendered entirely in your browser. Nothing is sent to a server.

Markdown syntax guide

Headers

This is a Heading h1

This is a Heading h2

This is a Heading h6

Emphasis

Lists

Unordered

Ordered

Images

Links

Blockquotes

Tables

Blocks of code

Mermaid diagrams

Inline code

How to use the Markdown Viewer

Open or paste Markdown

See the live preview

Edit as needed

Copy or download

Features

Live preview

GitHub-flavored Markdown

Open .md files

Copy as HTML

Private

Word count

Frequently asked questions

More free tools