Skip to content
Toolspire

Developer Tools

Markdown Live Previewer

Markdown Live Previewer is part of Toolspire and is ready as soon as this page loads. Write or paste Markdown and see it rendered as you type, exactly like a GitHub README — tables, task lists, alerts and syntax-highlighted code — then export clean HTML, a PDF or the .md file.

Runs in this tabFreeNo account

On this page

What you can do here

Looks like GitHub

Preview a README exactly as it will appear on GitHub — including alerts, task lists and highlighted code.

Fast formatting

Toolbar buttons and keyboard shortcuts for bold, links, lists, tables and code blocks — with normal undo.

Outline & TOC

Jump between sections, and copy a table of contents with working anchor links.

Export anywhere

A clean HTML file to share or host, a PDF for documents, or the Markdown itself.

Never lose a draft

Your text is saved in this browser as you type, and restored when you come back.

Private and safe

No account and no upload. HTML inside your Markdown is sanitised before it’s shown.

The sequence

How to preview Markdown

  1. 1

    Write or paste

    Type Markdown in the left pane, paste a README, or click Open to load a .md file.

  2. 2

    Watch the preview

    The formatted result updates as you type. Switch between Split, Write and Preview views.

  3. 3

    Format quickly

    Use the toolbar or Ctrl+B, Ctrl+I and Ctrl+K for bold, italic and links.

  4. 4

    Export

    Download an HTML page, Print / PDF, save the .md file, or copy the HTML.

Worth knowing

  • Markdown Live Previewer on Toolspire: renders GitHub Flavored Markdown live: headings, lists, links, images, tables (with column alignment), task lists, strikethrough and autolinks.
  • Syntax highlighting for code blocks in 20+ languages, including JavaScript, TypeScript, Python, Java, Go, Rust, SQL, Bash, JSON and YAML.
  • Supports GitHub alerts (> [!NOTE], [!TIP], [!IMPORTANT], [!WARNING], [!CAUTION]), heading anchors and YAML front matter.
  • Toolbar and shortcuts (Ctrl+B, Ctrl+I, Ctrl+K) for formatting, with split, write-only and preview-only views and synced scrolling.
  • Export a standalone HTML page (light and dark themes), print or save as PDF, download the .md file, or copy the HTML — plus an outline and a ready-made table of contents.
  • Raw HTML in your Markdown is sanitised, so scripts can’t run. Your text stays in this tab; the draft is saved on this device only (optional).

Markdown cheat sheet

You typeYou get
# Heading, ## SubheadingHeadings (levels 1–6)
bold, _italic_, ~~strike~~Bold, italic, strikethrough
textA link
!alt textAn image
- item, 1. itemBulleted and numbered lists
- [ ] task, - [x] doneTask list with checkboxes
code, ``` for blocksInline code and code blocks (add a language: ```js)
> quote, > [!NOTE]Quote, or a GitHub alert box
| a | b |, | --- | :-: |Table (colons set the alignment)
---Horizontal divider

Line breaks in Markdown

In README files and most Markdown documents, a single line break is ignored and lines join into one paragraph — leave an empty line to start a new paragraph, or end a line with two spaces to force a break. GitHub comments and issues are different: every line break shows. Switch on Line breaks as typed to preview that behaviour.

FAQ

Questions about Markdown Live Previewer

Where does Markdown Live Previewer run?

Markdown Live Previewer runs in this tab on Toolspire. What you type or drop in is not sent to us and is not stored on a server.

What is Markdown?

A simple way to format text with ordinary characters — bold, # headings, - lists — that converts to HTML. It’s used for README files, documentation, notes apps, forums and chat apps.

Does the preview match GitHub?

It follows GitHub Flavored Markdown and GitHub’s styles, including tables, task lists, alerts and code highlighting. Very new or GitHub-only features such as Mermaid diagrams, math and @mentions aren’t rendered.

How do I convert Markdown to PDF?

Click Print / PDF and choose “Save as PDF” as the printer. The PDF uses a clean, light document style.

Is my text saved or uploaded?

It isn’t uploaded anywhere. With “Save draft in this browser” on, the text is kept in this browser’s local storage so it survives a refresh; switch it off to clear it.

Can I use HTML inside Markdown?

Yes, common HTML such as <details>, <kbd> and <sup> works. Scripts, forms, iframes and inline styles are removed for safety, as on GitHub.

Can I open a .md file?

Yes. Click Open and choose a .md or .markdown file; it loads straight into the editor.

Keep going

Related tools

Markdown to NotionNewMarkdown to Notion on Toolspire: Convert Markdown to Notion: preview the blocks, copy formatted text to paste into a page.Developer ToolsOnline NotepadNewOnline Notepad on Toolspire: Notepad that saves as you type, right on your device: many notes, search, find and replace, open and save text files.Text ToolsHTML to PDFNewConvert HTML code or an.html file to PDF with real, selectable text and clickable links. Choose A4 or Letter, margins and backgrounds. Free, without uploading.PDF ToolsWord CounterPopularWord Counter on Toolspire: Count words, characters, sentences and paragraphs as you type, with reading time, keyword density, readability and limits.Text ToolsJSON Formatter & ValidatorNewJSON Formatter & Validator on Toolspire: Format, validate, minify and repair JSON online. Get the exact line and column of every error.Developer ToolsXML to JSON ConverterNewXML to JSON Converter on Toolspire. Convert XML to JSON and JSON to XML online. Keeps attributes, arrays and leading zeros intact.Developer Tools

Open the full directory

Last updated Report a problem or suggest a feature