Mermaid

Generate diagrams and charts from Markdown-like text

Visit mermaid.js.org FreeOpen source

Mermaid is a JavaScript diagramming library that renders flowcharts, sequence diagrams, class diagrams, Gantt charts, and more from a simple text syntax. It is supported natively in GitHub, GitLab, and many documentation tools.

Key features

  • Flowcharts, sequence, class, and state diagrams
  • Text-based and version-control friendly
  • Native rendering on GitHub and GitLab
  • Theming and configuration

Try it on DevTools Daily

Similar tools

  • PlantUML

    Create UML and architecture diagrams from a plain-text language

    FreeOpen sourceCLI, Web, VS Code +1
  • D2

    Modern diagram scripting language that turns text into diagrams

    by TerrastructFreeOpen sourceCLI, macOS, Windows +1
  • Diagrams

    Draw cloud architecture diagrams as Python code

    FreeOpen sourceCLI, macOS, Windows +1
  • Graphviz

    Open-source graph visualization software using the DOT language

    FreeOpen sourceCLI, macOS, Windows +1
  • draw.io

    Free diagramming app for flowcharts, network, and architecture diagrams

    by JGraphFreeOpen sourceWeb, macOS, Windows +2
  • Excalidraw

    Virtual whiteboard for sketching hand-drawn-like diagrams

    FreemiumOpen sourceWeb

Built a tool like Mermaid? Submit it for review