Building Cool HTML Tools with ChatGPT: My LaTeX MathJax Previewer

Over the past couple of months, I have been experimenting with building self-contained, small, useful web tools with the help of ChatGPT. All of it lives inside a single HTML file. The result? A live LaTeX MathJax Previewer — a simple, responsive site where you can write LaTeX and instantly see how it renders.

The idea came from a need I had: sometimes I just want to share how to code some math formula using LaTeX and what it looks like when rendered. There are several sites that already do this, but I wanted some specific features I could not find anywhere else. I told ChatGPT what I wanted — something that supports inline math, display math, and full LaTeX mode — and within minutes, I had a working prototype.

Then, after an hour or so of iterating, I had something very close to what I initially imagined (layout, a share button that generates custom URLs for sharing formulas, mobile responsive).

This is not a fancy site, but what is fancy is that it can be built so quickly! It is like having a coding employee that just figures stuff out for you without taking up your own time. So much fun!

Take a look:
👉 https://enriqueacosta.github.io/LaTeXMathJaxPreview