⌘ K
KaTeX · inline $…$ · display $$…$$ · matrices

Markdown Math Preview

Renders LaTeX math inside Markdown with KaTeX — both inline and display modes. Great for technical blog posts, ML/DS READMEs, and academic notes.

Markdown Math Preview
Math blocks
0
rendered
Errors
0
all valid
Markdown
199 B
15 lines
Parser
loading
GFM
input · markdown + LaTeX
preview · katex

Loading KaTeX…

Quick Start

How to render math in Markdown

Wrap math in single $…$ for inline or double $$…$$ for display blocks. KaTeX renders crisply.

  1. 01

    Inline math

    Single $ delimiters render math inside paragraphs.

    Parsing runs through marked with GFM extensions enabled — tables, task lists, strikethrough, and fenced code blocks all match GitHub’s rendering.

    inlineGFMmarkedCommonMarklive
    $…$ · markdowninline · GFM
    $E = mc^2$
    loaded · GFMGFM · ready
  2. 02

    Display math

    Double $$ delimiters centre-block the equation on its own line.

    Soft-break behaviour is configurable: by default a single newline becomes a space (CommonMark), toggle on for chat-style <br> insertion.

    blocksoft-breaksoptionsconfiglive
    $$…$$ · optionsdisplay · live
    $$\int_0^1 x^2\,dx$$
    options applied · livelive
  3. 03

    Matrices, fractions

    Use full LaTeX: \\frac, \\sum, \\begin{pmatrix}, etc.

    The preview is scoped under a .mde class so its CSS doesn’t bleed into the rest of the page. Output HTML is whitespace-controlled for clean diffs.

    latexpreviewscoped CSSrenderstable
    matrix · renderedok · ready
    \begin{pmatrix}1&2\\3&4\end{pmatrix}
    rendered · liverendered
  4. 04

    Copy/download HTML

    Output is self-contained HTML with KaTeX CSS classes.

    Export covers both raw Markdown and rendered HTML; downloads stream as text/markdown or text/html via Blob + object URL.

    exportclipboard.md.htmlblob
    ✓ · exportedhtml · done
    ✓ Copied HTML
    shipped · ready to shipsuccess
Pro tips

Author Markdown that renders everywhere

GFM is the safe default

GitHub-Flavored Markdown is the de-facto baseline (tables, task lists, strikethrough). CommonMark is stricter but ubiquitous as a fallback.

Soft-break behaviour varies

A single newline is a space in CommonMark, a <br> in GFM. Toggle soft breaks when source matters.

Escape inside code fences

Backticks inside fenced blocks need a longer fence — three becomes four. Use ~~~ if your content has many backticks.

Anchors are slugified

GitHub lowercases, strips punctuation, and joins with hyphens. Duplicate headings get -1, -2 suffixes.

Tables need a header row

The dash row sets alignment (:---, :-:, ---:). Use Table Aligner for diff-friendly columns.

Front matter is YAML

Triple-dash blocks at the top of files are parsed by static-site generators. Use the Front-Matter Validator to catch syntax errors.

Related toolsMD to LaTeXMD to HTMLEditorMermaid PreviewSyntax HighlighterGitHub Preview
Use Cases

When to render math

Academic, ML, data science.

ML papers

Preview loss functions and gradients before publishing. Render path uses marked with GFM extensions enabled (tables, task lists, strikethrough, autolinks), so what you preview matches what GitHub publishes bit-for-bit. Soft-break behaviour is configurable for chat-style vs prose Markdown.

GFM-compliant

Data-science blogs

Embed clean equations alongside Python code. Pairs cleanly with the Markdown Cheatsheet for syntax you can't quite remember — callout blocks, footnotes, definition lists. Output stays diff-friendly so style-only changes don't drown out real edits in PRs.

GitHub-perfect

Lecture notes

Teach with crisp LaTeX in classroom Markdown. Cross-platform safe: anchors, code fences, and tables behave identically on GitHub, GitLab, Bitbucket, and Gitea. Heading-anchor slugs follow GitHub's lowercase-and-hyphenate rules so deep links survive a docs migration.

diff-friendly

Library READMEs

Show the math behind numerical functions. No server roundtrip — perfect for proprietary content you can't paste into a public tool. The full marked + GFM bundle ships with the page, so it works offline once loaded.

render-stable

Engineering specs

Document formulas in system designs. Front matter (YAML / TOML / JSON) passes through unchanged so static-site pipelines (Jekyll, Hugo, Astro, Eleventy) read it correctly. Pair with the Front-Matter Validator to catch syntax errors before deploy.

cross-platform

Notebooks

Quick LaTeX preview without spinning up Jupyter. Output is reproducible: identical input always produces identical Markdown, so doc-generation scripts can rely on it for snapshot tests and embedded into release workflows.

SEO-friendly
FAQ

Frequently asked questions

KaTeX renders synchronously, has no FOUC, and outputs static HTML — perfect for live preview.
GitHub now supports math via the same $…$ / $$…$$ syntax. This tool gives instant feedback.
A handful of LaTeX macros — see KaTeX's supported function list.
Use \tag{1} inside a display block to number it.
No — KaTeX and rendering run locally in your browser.
Suggest a tool

Something missing?

Tell us what you need. We ship the top requests every two weeks.

Sent straight to the maintainers · no account needed
47 in queue·8 shipped this month
Request queued. Thanks!