LaTeX Equation Renderer
Render a LaTeX / TeX math expression into ready-to-use HTML. Type an equation and get the KaTeX markup you can copy into any page, plus a live preview. Runs entirely in your browser.
Input
Enter a TeX / LaTeX math expression (no surrounding $ needed).
Appearance
Cosmetic only — carried into the copied HTML as an inline style.
Scales the rendered equation size (1x - 5x).
Output
Your rendered equation will appear here.
Your equation image will appear here.
Guides
The LaTeX Equation Renderer turns a TeX / LaTeX math expression into clean, ready-to-use HTML markup, rendered with KaTeX. Type a formula on the left and get both a live preview and the copyable HTML you can paste into any web page, blog post, documentation site, or CMS.
It is built for the everyday case of "I have a formula and I need it on a page" — no build step, no MathJax script tag, no server round-trip. Everything runs in your browser.
How to use it
- Enter your LaTeX in the input box — just the math, no surrounding
$or$$delimiters. For example,\frac{-b \pm \sqrt{b^2 - 4ac}}{2a}for the quadratic formula. - Pick a display mode. Display centres the equation and uses full-size operators (best for standalone equations). Inline renders it at text-flow size, the way math looks mid-sentence.
- Choose a background — transparent, white, light grey, or dark. This is cosmetic and is baked into the exported HTML as an inline style, so the copied markup keeps the same look.
- Set the font scale (1×–5×) to make the rendered equation larger or smaller.
- Copy or download the generated HTML from the Rendered HTML panel, or the equation as a standalone
.svgimage from the Image / SVG source panels below it.
The output updates automatically as you type.
What you can render
KaTeX supports a large subset of LaTeX math: fractions, roots, exponents and subscripts, Greek letters, sums and integrals, matrices, aligned environments, binomials, accents, and hundreds of symbols. A few things to try:
- Fraction:
\frac{a}{b} - Integral:
\int_{a}^{b} f(x)\, dx = F(b) - F(a) - Summation:
\sum_{n=1}^{\infty} \frac{1}{n^2} = \frac{\pi^2}{6} - Matrix:
\begin{bmatrix} a & b \\ c & d \end{bmatrix}
If your input has a syntax error (an unclosed {, an unknown command), the tool tells you exactly where — nothing is rendered until the expression parses.
Do I need to load any CSS to use the exported HTML?
Yes. The generated markup is standard KaTeX HTML, which relies on the KaTeX stylesheet and web-fonts for its precise layout of fractions, radicals and stacked scripts. To render it faithfully on your own site, include KaTeX's stylesheet once in your page <head>:
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/katex/dist/katex.min.css">
With that stylesheet present, the pasted HTML renders identically to the preview — as a static image of the equation, with no JavaScript required on your side.
Is my input sent anywhere?
No. The equation is parsed and rendered entirely in your browser. Nothing you type is uploaded, logged, or stored.
LaTeX vs. an image of an equation
Exporting HTML keeps your equation as real, selectable, scalable text rather than a rasterised picture. It stays crisp at any zoom, respects the reader's font size, and is far more accessible than a flat PNG.
That said, an image is sometimes the only option — a chat app, a slide deck, a forum post that doesn't allow custom HTML/CSS. For that case, download the SVG source (or the Image panel's download button): it's a self-contained vector image of the same equation, rendered with MathJax rather than KaTeX, so no external stylesheet is needed for it to look right.