Mermaid Plugin

Use the mermaid syntax to create beautiful flowcharts, pie charts, or various kind of diagrams with Typemill.

How To Use

You can use mermaid in code blocks. Please switch to the raw editor and add the mermaid keyword after the backtipps like this:

    title Key elements in Product X
    "Calcium" : 42.96
    "Potassium" : 50.05
    "Magnesium" : 10.01
    "Iron" :  5

It does not work with the visual editor with Typemill version 1.4.5.

Plugin Settings

snapshot mermaid


If you find a bug or if you want to contribute code, please go to the github repository:

How to install

  • Download the Typemill CMS
  • Download this plugin (zip).
  • Unzip the plugin.
  • Upload the plugin to the plugin-folder of your Typemill installation.
  • Login to your Typemill installation.
  • Go to settings -> plugins and activate your plugin.