Markdown Studio

Write Markdown with live preview, math, diagrams, syntax highlighting, and PDF export.

Text & Data100% private

Markdown Studio

Write Markdown with live preview, math, diagrams, syntax highlighting, and PDF export.

Ctrl+S to save · Auto-saves to browser storage · KaTeX math ($...$) · Mermaid diagrams · Syntax highlighting

How it works

  1. 1
    Write your MarkdownType in the editor on the left. Use $$ for math blocks, ```mermaid for diagrams, and ``` for code blocks.
  2. 2
    See live previewThe preview on the right renders KaTeX math, Mermaid diagrams, and syntax-highlighted code in real time.
  3. 3
    Print to PDFClick Print to open the print dialog. Choose 'Save as PDF' as the destination for a high-quality PDF with headers and footers.

Frequently asked questions

How do I write math equations?
Use $...$ for inline math and $$...$$ for block math. The preview renders KaTeX notation automatically.
How do I add diagrams?
Write a fenced code block with the language set to 'mermaid'. The preview renders Mermaid diagrams automatically.
How do I change the markdown style?
Click the PDF Settings gear icon and choose from 13 styles including GitHub, Minimal, Classic, Modern, Academic, Developer, Ghostwriter, Solarized Light, Foghorn, Byword, WiTeX, Dark, and Swiss. The selected style applies to both the preview and exported documents.
How do I add headers and footers?
Click the PDF Settings gear icon. Use {page} for page number, {total} for total pages, {date} for current date, and {title} for document title.
Does my work auto-save?
Yes. Your Markdown and PDF settings are saved to browser localStorage every second. Press Ctrl+S (or Cmd+S) to save manually.

Related tools