Skip to content
Marvin's Toolbox.

Search tools

Type to filter all tools

Markdown Preview

Write Markdown in a syntax highlighted editor and watch the rendered preview update as you type, side by side or stacked. GitHub Flavored Markdown covers tables, task lists, callouts and highlighted code blocks, with live word count and reading time. Copy the result as Markdown, HTML or rich text.

Everything runs locally in your browser. Your data never leaves your device.

View

Words98Characters640Reading time27 sec

Nothing to preview yet. The rendered Markdown appears here.

Next steps

Send this tool's output straight into another tool.

Code Formatter

Format code in JavaScript, TypeScript, JSON, JSON5, HTML, Vue, CSS, SCSS, LESS, Markdown, YAML, GraphQL, XML and SQL. Pick tabs or spaces, set the indent width, and format the input in place with one click.

devtextjsonyaml

Text Case Converter

Convert text into every case at once: title case in the APA, AP, Chicago, MLA, Bluebook, AMA and NYT styles, sentence case, upper, lower, camelCase, snake_case, kebab-case and more.

textconverter

Word & Character Counter

Count words, characters, sentences, paragraphs, lines and more as you type, with estimated reading and speaking time.

text

Dedupe Lines

Remove duplicate lines from a list or text, keeping the first occurrence. Optionally ignore case and whitespace, or drop blank lines too.

textdev

Find and Replace

Replace text in two modes: plain find and replace all, or regular expressions with flag controls and capture group references like $1.

textdev

Text Diff

Compare two texts and see every added, removed and changed line highlighted, side by side or inline, with the changed words marked within each line. Ignore case, whitespace or blank lines, read a summary of how much changed, and export the result as a unified diff.

textdev

UUID Decoder

Paste a UUID to see what it carries: version, variant, and for time-based versions the exact timestamp, clock sequence and node. Also shows the raw bytes, the 128-bit integer and the URN form.

devuuid

Base64 Encoder & Decoder

Decode Base64 to text or encode text to Base64. Paste into the top box, read the result below, and flip the direction with one click. Handles Unicode correctly, reads URL-safe Base64, and shows binary payloads as a hex dump you can download.

devconvertertext

Number Base Converter

Convert numbers between binary, octal, decimal, hexadecimal and any base up to 36. Type into any field and the others update as you go. Handles huge integers without losing precision and accepts 0x, 0b and 0o prefixes.

devconvertercalculator

About the Markdown Preview Tool

This tool renders Markdown while you write it. The editor highlights the syntax, including the code inside fenced blocks, and the preview updates with every keystroke. Put the panes side by side on a wide screen, or stack them with the preview below the editor.

GitHub Flavored Markdown is on by default, so tables, task lists, strikethrough and callouts render the way GitHub shows them. Turn the switch off and the source is read as plain CommonMark instead. Word count, character count and an estimated reading time sit above the editor, counted from the readable text rather than the markup.

What you can do

  • Preview Markdown live, side by side with the editor or stacked below it.
  • Render GitHub Flavored Markdown with tables, task lists and strikethrough.
  • Show GitHub callouts like note, tip, important, warning and caution.
  • Syntax highlight fenced code blocks in more than 30 languages.
  • Copy the rendered result as rich text for Google Docs, Word or an email.
  • Convert Markdown to HTML and copy the markup.
  • Check the word count and reading time of a README or blog post as you write.

How to use the Markdown Preview

  1. 1Type or paste Markdown into the editor. The preview follows as you go.
  2. 2Pick the layout that fits your screen, side by side or preview below.
  3. 3Leave GitHub Flavored Markdown on for tables, task lists and callouts, or switch it off for plain CommonMark.
  4. 4Copy the result as Markdown, HTML or rich text, or download the Markdown file.

Callouts and other GFM extras

A callout is a blockquote whose first line is a marker like > [!NOTE]. The five kinds GitHub knows, note, tip, important, warning and caution, each render as a colored box with a title and icon, and the rest of the quote becomes the callout body. With the GFM switch off they stay ordinary blockquotes, exactly as CommonMark reads them.

The other GFM extras work as on GitHub: tables with per-column alignment, task lists with checkboxes, ~~strikethrough~~ and bare URLs that turn into links. Raw HTML in the source renders too, with scripts and event handlers stripped for safety.

Three ways to copy the result

Copy Markdown puts the source itself on the clipboard. Copy HTML gives you the rendered markup, ready to drop into a page or template. Copy rich text puts the formatted result on the clipboard, so pasting into Google Docs, Word, Outlook or Gmail keeps headings, lists, links and tables instead of showing raw Markdown.

The HTML output is compact by design. To pretty-print it, send it to the Code Formatter from the cards below the tool.

Code blocks

Fenced code blocks are highlighted in both panes when the fence names a language, as in `ts . More than 30 languages are covered, including JavaScript, TypeScript, Python, Go, Rust, SQL, YAML, JSON, shell and the C family, with common aliases like py and sh understood. An unknown language renders as plain text, nothing breaks.

Credits

Open source does the heavy lifting in this tool. Thank you to:

  • Marked

    A fast Markdown parser and compiler, built for speed.

Everything this site builds on is listed on the credits page.

Related tools

Base64 Encoder & Decoder

Decode Base64 to text or encode text to Base64. Paste into the top box, read the result below, and flip the direction with one click. Handles Unicode correctly, reads URL-safe Base64, and shows binary payloads as a hex dump you can download.

devconvertertext

Code Formatter

Format code in JavaScript, TypeScript, JSON, JSON5, HTML, Vue, CSS, SCSS, LESS, Markdown, YAML, GraphQL, XML and SQL. Pick tabs or spaces, set the indent width, and format the input in place with one click.

devtextjsonyaml

Dedupe Lines

Remove duplicate lines from a list or text, keeping the first occurrence. Optionally ignore case and whitespace, or drop blank lines too.

textdev

Find and Replace

Replace text in two modes: plain find and replace all, or regular expressions with flag controls and capture group references like $1.

textdev

HTML Entity Encoder & Decoder

Escape text into HTML entities or decode entities back to plain text. Choose named or numeric entities, escape only the unsafe characters or everything outside ASCII, and read the result live.

devconvertertext

Invisible Character Revealer

Reveal the characters you can't see in a text: zero-width spaces, non-breaking spaces, bidi marks, control characters and CRLF versus LF line endings. Inspect every occurrence and clean them out with a click.

textdevsecurity