The ultimate Markdown editing experience for technical writing. Natively render complex Mermaid diagrams, flowcharts, and KaTeX LaTeX math equations instantly in your browser.
Open Markdown Studio →```mermaid to start a Mermaid code block.graph TD; A-->B;.No plugins required. Flowcharts, sequence diagrams, gantt charts, and mindmaps work out-of-the-box.
Write standard LaTeX syntax in $...$ for beautiful mathematical expressions.
Diagrams automatically adapt their colors depending on whether you are using light or dark mode.
Export your full document, including rendered diagrams and math, to a standalone HTML file.
Open a fenced code block with the language identifier ```mermaid and write Mermaid syntax inside. The preview will automatically render it as an SVG.
We support flowchart, sequence, gantt, class, ER, state, mindmap, journey, and more. The diagrams adapt to your active light or dark theme.
Wrap inline math in $...$ and block math equations in $$...$$. We use KaTeX to render LaTeX expressions beautifully and instantly.