TypstPad: An Online Typst Formula Editor

https://typstpad.com

There are already many ready-to-use online formula editors based on LaTeX, but there aren’t many based on Typst yet. This editor implements the following features:

  • Full Typst syntax highlighting support

  • Ready-to-use with real-time rendering

  • Export/Download as SVG, PNG, and JPG; supports copying PNG to the clipboard

  • Download & Copy support for SVG, HTML, and .typ code files

  • Excellent Light/Dark mode support

  • Generate shareable links to share your work

This project is still in a very early stage (assuming development continues). Everyone is welcome to test it out. Please note that the first time you open it, it needs to download the compiler, fonts, and other files, so it may take some time to load.

4 Likes

Hi! I am adding your project to Best of Typst (TCDM), but I’m not sure about the category.

You said it’s a formula editor, then Math looks suitable.

However, I see that your app is capable of typesetting general typst documents, except that the default page size is auto (rather than A4). If that’s the case, then Writing is more appropriate.

What do you think? Are you going to focus on mathematical formulae, or support general documents?

Thank you for your interest in my project!

From the beginning, my design was benchmarked against existing online LaTeX formula editors, which allow for convenient in-browser formula editing and exporting in various formats. However, the heavy tech stack I used during development (requiring ~40MB of data for a full load) actually allows the editor to go far beyond my original design. The page settings you noticed are just a trade-off to better display the generated content.

So, back to your question: if I had to choose, I would classify it under Math . That is how I position this project. Creating a lighter-weight online formula editor remains my goal, and I plan to focus on optimizing this in future updates.

1 Like