TeXsnap

TeXsnap is a small, static TeX equation image generator. It runs entirely in the browser with MathJax and does not require PHP, TeX Live, Ghostscript, or a server API.

Features

• TeX source editor with Ctrl+S / Cmd+S rendering
• MathJax SVG preview
• Text color palette and Google Slides-style recommended background colors with adjustable margins
• SVG download and clipboard copy
• PNG download and clipboard copy through browser canvas rendering
• Resolution, font-style preset, bold, white-on-black, and renderer-mode controls
• URL hash sharing and local settings persistence

Usage Tips

Use \phantom{={}} instead of \quad when stacked \bbox terms should start at the same position after an aligned equals sign.

\begin{align*}
R(A)
&= \bbox[0.08em,#f4cccc]{a_0} \\
&\phantom{={}} \bbox[0.08em,#fce5cd]{+ a_1} \\
&\phantom{={}} \bbox[0.08em,#fff2cc]{- a_2}
\end{align*}

Development

npm install
npm run dev

Run checks before publishing:

npm test
npm run build

Acknowledgements

TeXsnap owes a great deal to TeXclip. TeXclip set the standard for a focused, browser-based TeX equation image workflow: write TeX, generate a clean image, and move it into slides, documents, or design tools with very little friction.

Our TeXsnap is a small, static tribute to that excellent workflow. It keeps the core interaction lightweight enough to run on GitHub Pages, while TeXclip's server-side renderer remains the more complete reference for PNG, EPS, SVG, and full TeX Live font support.