SolveBeam Diagrams with Mermaid adds a Mermaid block to the WordPress block editor. Write Mermaid code in the block and your diagram is rendered in the editor and on your website.
Create diagrams in WordPress
Use the block to create flowcharts, sequence diagrams, class diagrams, state diagrams, and other Mermaid visualizations without leaving WordPress. The preview updates while you work, so you can immediately see the result of your code.
Private by design
Mermaid is bundled with the plugin and rendered locally in the visitor’s browser. Your diagram code is not sent to an external rendering service, and no account, API key, or subscription is required.
Getting started
Install and activate SolveBeam Diagrams with Mermaid from the WordPress Plugins screen. Then add the Mermaid block to any post or page and enter your Mermaid syntax in the code field.
For diagram syntax and examples, visit the Mermaid documentation.