The `backstage-plugin-techdocs-addon-mermaid` allows rendering of [Mermaid](https://mermaid-js.github.io/) diagrams within [Backstage TechDocs](https://backstage.io/docs/features/techdocs/techdocs-overview)

Display mermaid diagrams in mdx files.

Mermaid language support for CodeMirror

JupyterLab - Mermaid Renderer

A drop-in replacement for react-markdown, designed for AI-powered streaming.

Streamdown-based markdown rendering for assistant-ui

A plugin for TypeDoc that generates graphs for mermaid.js diagrams by using @mermaid annotation.

ProseMirror plugin for rendering Mermaid diagrams in code blocks. Extensible and wrappable as a Tiptap extension.

UML diagrams for TypeScript

Render Mermaid diagrams as Unicode box-drawing art for terminals

Highlight.js / lowlight grammar for Mermaid diagrams. Enables syntax highlighting in editors like Tiptap with @tiptap/extension-code-block-lowlight.

Vue 3 component and VitePress plugin for beautiful Mermaid diagrams


<!-- ALL-CONTRIBUTORS-BADGE:START - Do not remove or modify this section --> [](#contributors-) <!-- ALL-CONTRIBUTORS-BADGE:END -->

JupyterLab - Mermaid Viewer

A remark plugin for MDX that converts mermaid code blocks into <Mermaid> React components and renders them using a useMermaid hook.

Display graphs using the Mermaid JavaScript library

Markdown-it markdown parser plugin to create uml diagrams from text, based on plantuml, mermaid, etc.

Sätteri MDAST+HAST plugin: render Mermaid diagrams as static SVG at build time via mermaid-rs (napi-rs). 23 diagram types, zero client JS.

Mermaid extension for Antora