Skip to main content
Mermaid renders diagrams from text definitions — flowcharts, sequence diagrams, state machines, ER diagrams, and more. The mermaid library loads lazily on first use, so apps that don’t use diagrams pay zero cost. Mermaid is particularly useful for generative UI, where LLMs can produce diagram definitions directly without needing image generation or specialized tooling.

Flowchart

Sequence Diagram

State Diagram

Entity Relationship

API Reference

chart
str
required
Mermaid diagram definition string. Supports all Mermaid diagram types.
css_class
str
Additional CSS classes.