A robust, Shadow DOM encapsulated Markdown renderer Web Component with built-in Mermaid, Math (KaTeX), and syntax highlighting support.
Styles are completely encapsulated. Your Markdown content won't bleed styles into your app, and your app CSS won't break the rendered content.
Built-in support for mermaid diagrams. Includes fixes for rendering integrity, streaming detection, and automatic error handling.
Renders math equations elegantly using KaTeX. Supports both inline $E=mc^2$ and block $$...$$ syntax.
Integrated highlight.js for beautiful code blocks with automatic language detection and dark mode support.
Designed for LLM outputs. It detects incomplete code blocks and shows a "typing" cursor animation for unclosed tags.
Just import the JS file and use the <akari-markdown> tag. No complex build step required.