Screenshots
![](https://is1-ssl.mzstatic.com/image/thumb/PurpleSource122/v4/09/2c/5c/092c5c58-4dc4-7e88-adfd-b2012d1d2927/6978d024-f3bc-4155-9423-cd665c700258_Screenshot-1-en.png/800x500bb.jpg)
![](https://is1-ssl.mzstatic.com/image/thumb/PurpleSource122/v4/00/12/0c/00120c8c-592a-a04c-a87e-794932a1a0a4/f1c1b5ba-d891-4e85-8ac7-709d4e4296dd_Screenshot-3-en.png/800x500bb.jpg)
![](https://is1-ssl.mzstatic.com/image/thumb/PurpleSource112/v4/f2/a1/21/f2a12163-dbe2-245a-da99-bbf837b34496/80f2247d-7231-473d-bd1c-1f1920de8edb_Screenshot-mac-en-2.png/800x500bb.jpg)
![](https://is1-ssl.mzstatic.com/image/thumb/PurpleSource122/v4/24/15/2a/24152aee-e207-ef16-212a-ffc5109d6fd8/26c0f4fa-33d1-4c3e-97c4-bc3817a70249_Screenshot-mac-en-4.png/800x500bb.jpg)
About MarkInside
MarkInside is a math equation, diagram generator. It currently supports LaTeX Math, Mermaid, and any HTML.
Single source of truth
Many other apps require you to code in a source file and use it to generate images. This can be quite bothersome for two reasons. One is that you can not ensure that the image you have matches the latest source code. Maybe someone changed the code but forgot to generate a new image. Two, you will have to manage both the source code and the image. If you are putting them inside other files, you may soon lose the connection between the two files.
There is no *.markinside file generated alongside when you save images from code. The images are just the single source of truth. You can simply open them in MarkInside to make changes.
- Some apps or services may compress your images and wipe away the embedded source codes. You can try to save it as SVG or PDF to bypass this issue.
Live Preview
MarkInside offers you a side-by-side editor, you can see the result as you type or change preferences.
You can adjust windows size and canvas background color, to see how well the output image will suit your use case.
Use Everywhere
The generated files are just images in PNG, SVG, and PDF. This means you can use them everywhere, without the need for the viewer to support rendering Mermaid, etc.
Power-up with Blocks & Templates
MarkInside's block-based editor allows you to keep complicated content readable. With a reasonable arrangement of code blocks, you can also make reusable templates to power up MarkInside.
Check the templates we made to see how it works: https://markinside.intii.com/templates