Springr
MDX Editor

About MDX Editor

Write Markdown with a live preview, syntax highlighting, Mermaid diagrams and KaTeX math. It is a quick place to draft docs, READMEs and posts and see exactly how they will render.

How to use it

  1. Write or paste Markdown in the editor pane.
  2. Watch the preview update as you type, with synced scrolling.
  3. Use code fences, Mermaid or KaTeX blocks to add code, diagrams and formulas.

Frequently asked questions

What can the editor render?
GitHub Flavored Markdown, syntax-highlighted code blocks, Mermaid diagrams and KaTeX math, all rendered in a live preview.
Does my document leave the browser?
Rendering runs in the browser, in a worker so typing stays responsive on large documents.