flowchart of mermaid with vue componet

 

A Vue.js component that turns a Mermaid string into a diagram.

Thin adapter that registers @cocoar/vue-mermaid as a `mermaid` fenced-code-block renderer for @cocoar/vue-markdown, so ```mermaid blocks render as diagrams. The markdown packages have no dependency on Mermaid — installing this package is the opt-in.

Standalone Mermaid diagram component for Vue 3: <CoarMermaidDiagram :code>. Cocoar-themed, lazy-loaded, with opt-in zoom/pan. Knows nothing about markdown — feed it a diagram source string.

Markdown-ish syntax for generating flowcharts, mindmaps, sequence diagrams, class diagrams, gantt charts, git graphs and more.

MermaidJS parser

Command-line interface for mermaid

ELK layout engine for mermaid builds that do not bundle it (e.g. mermaid.tiny.js)

MermaidJS plugin for ZenUML integration

Mermaid components for Docusaurus.

Render Mermaid diagrams as beautiful SVGs or ASCII art. Ultra-fast, fully themeable, zero DOM dependencies.

Streaming markdown output, Useful for text streams like LLM outputs.

Transform mermaid diagrams in the browser or Node.js

A rehype plugin to render mermaid diagrams

Render Mermaid diagrams as Unicode box-drawing art for terminals

Add mermaid support for Vitepress

Streaming Markdown syntax completion.

Tidy-tree layout engine for mermaid

Remark plugin for replacing ```mermaid code blocks with react `<Mermaid />` component