Slides Enhancement: Math and Mermaid Diagram

We just shipped a useful enhancement to MonaKit’s slide feature: native support for LaTeX math equations and Mermaid diagrams.

If you’ve been looking for a way to create technical presentations with formulas or architecture diagrams directly in your Astro site, this is it. The slides are powered by Reveal.js and now render math expressions using KaTeX and diagrams using Mermaid—no extra setup needed.

You can check out a live example here to see both features in action.

The implementation is straightforward and works out of the box for any MonaKit-based site. If you’re curious about the code, it’s all committed in the MonaKit repo.

Perfect for tech talks, documentation, or just showing off some clean diagrams on your personal site.