Boring Tools

Markdown Previewer

Open tool

Write Markdown and see a live, safely-rendered preview.

Write Markdown on one side and see how it will look on the other, updating as you type. Good for drafting README files, notes and blog posts, or learning Markdown syntax.

How it works

Your text is converted to formatted content by a CommonMark Markdown renderer, and the rendered result is shown in the Preview panel with the site's own styling. It updates on every keystroke.

Raw HTML you type into the Markdown is never executed — it is shown as plain text instead — so a pasted snippet cannot run scripts on the page.

How to use it

  1. Type or paste Markdown in the left box (the Markdown box). A short sample is there to start with.
  2. Watch the Preview panel on the right. On a phone, use the Edit / Preview switch to flip between the two.
  3. Click Download to save your Markdown as a .md file.

Options & controls

Panels

Markdown box
Where you write. Text is monospaced so that spacing and indentation are easy to see.
Preview panel
The rendered result. Read-only.
Edit / Preview switch
Shown only below the sm breakpoint (phones). Shows one panel at a time; on wider screens both panels sit side by side and the switch is hidden.

Buttons

Download
Saves the Markdown source (not the rendered output) as document.md.
Reset
Beside Download in the Markdown header. Restores the sample document — it replaces your text with the sample rather than emptying the box, so copy anything you want to keep first.

Reading the results

Markdown that renders

These standard elements are supported and styled.

Headings
# Heading 1, ## Heading 2, ### Heading 3. Levels 4–6 render as headings too but without special styling.
Emphasis
*italic* or _italic_, and **bold** or __bold__.
Lists
Bulleted lists start each line with -, * or +; numbered lists with 1., 2. and so on. Indent by two or four spaces to nest.
Links
[link text](https://example.com). Links using unsafe schemes such as javascript: are removed.
Images
![alt text](https://example.com/picture.png). Note that the picture is loaded from its own web address, so your browser contacts that site to fetch it.
Blockquotes
Start a line with >.
Code
Wrap text in single backticks for inline code, or in triple-backtick fences (three backticks on their own line, before and after) for a code block.
Horizontal rules and line breaks
A line of --- draws a rule. Leave a blank line to start a new paragraph; end a line with two spaces to force a line break within one.

Tips & guidelines

  • A blank line is needed between a paragraph and a list or heading that follows it in many cases; if something does not render, add a blank line before it.
  • To show a Markdown symbol literally, put a backslash in front: \*not italic\*.
  • Download regularly if you are writing something long — the text is not saved anywhere and disappears if you refresh or close the tab.

Limits

  • Only core Markdown is supported. GitHub-style extras — tables, task-list checkboxes, ~~strikethrough~~, and auto-linked bare URLs — are not rendered.
  • Raw HTML tags are displayed as text, not rendered.
  • The preview does not export HTML or PDF; it is a viewer for the Markdown you write.

Saved in your browser

Nothing. Your Markdown lives only on the page; use Download to keep it.

← All documentation