mermaid

Generation of diagrams like flowcharts or sequence diagrams from text in a similar manner as markdown (by knsv)

Mermaid Alternatives

Similar projects and alternatives to mermaid

  1. excalidraw

    428 mermaid VS excalidraw

    Virtual whiteboard for sketching hand-drawn like diagrams

  2. Civic Auth

    Auth in Less Than 5 Minutes. Civic Auth comes with multiple SSO options, optional embedded wallets, and user management — all implemented with just a few lines of code. Start building today.

    Civic Auth logo
  3. plantuml

    Generate diagrams from textual description

  4. c4-notation

    Technical resources for using the C4 model for visualizing software architecture.

  5. diagrams

    119 mermaid VS diagrams

    :art: Diagram as Code for prototyping cloud system architectures

  6. d2

    99 mermaid VS d2

    D2 is a modern diagram scripting language that turns text to diagrams.

  7. Mermaid

    101 mermaid VS Mermaid

    Edit, preview and share mermaid charts/diagrams. New implementation of the live editor.

  8. chatcraft.org

    96 mermaid VS chatcraft.org

    Developer-oriented ChatGPT clone

  9. SurveyJS

    JavaScript Form Builder with No-Code UI & Built-In JSON Schema Editor. Add the SurveyJS white-label form builder to your JavaScript app (React/Angular/Vue3). Build complex JSON forms without coding. Fully customizable, works with any backend, perfect for data-heavy apps. Learn more.

    SurveyJS logo
  10. MathJax

    Beautiful and accessible math in all browsers

  11. flowchart-fun

    60 mermaid VS flowchart-fun

    Easily generate flowcharts and diagrams from text ⿻

  12. asciiflow

    55 mermaid VS asciiflow

    ASCIIFlow

  13. kroki

    53 mermaid VS kroki

    Creates diagrams from textual descriptions!

  14. markwhen

    40 mermaid VS markwhen

    Make a cascading timeline from markdown-like text. Supports simple American/European date styles, ISO8601, images, links, locations, and more.

  15. java

    34 mermaid VS java

    Structurizr for Java (by structurizr)

  16. text-to-diagram-site

    Compare syntax, layouts, outputs between languages for generating diagrams with text.

  17. d2-playground

    28 mermaid VS d2-playground

    An online runner to play, learn, and create with D2, the modern diagram scripting language that turns text to diagrams.

  18. C4-PlantUML

    26 mermaid VS C4-PlantUML

    C4-PlantUML combines the benefits of PlantUML and the C4 model for providing a simple way of describing and communicate software architectures

  19. penrose

    23 mermaid VS penrose

    Create beautiful diagrams just by typing notation in plain text.

  20. feedgnuplot

    Tool to plot realtime and stored data from the commandline, using gnuplot.

  21. mermaid-cli

    10 mermaid VS mermaid-cli

    Command line tool for the Mermaid library

  22. draw.io

    140 mermaid VS draw.io

    draw.io is a JavaScript, client-side editor for general diagramming.

  23. InfluxDB

    InfluxDB – Built for High-Performance Time Series Workloads. InfluxDB 3 OSS is now GA. Transform, enrich, and act on time series data directly in the database. Automate critical tasks and eliminate the need to move data externally. Download now.

    InfluxDB logo
NOTE: The number of mentions on this list indicates mentions on common posts plus user suggested alternatives. Hence, a higher number means a better mermaid alternative or higher similarity.

mermaid discussion

Log in or Post with
  1. User avatar
    combinatorist
    · 11 months ago
    · Reply

    Review ★★★★☆ 8/10

    Great, especially if you can find it already embedded in an app like Obsidian. I usually want to use this for quick standalone document creation, but the standalone options aren't great.

mermaid reviews and mentions

Posts with mentions or reviews of mermaid. We have used some of these posts to build our list of alternatives and similar projects. The last one was on 2025-04-02.
  • Show HN: Mermaid Chart VS Code Plugin: Mermaid.js Diagrams in Visual Studio Code
    2 projects | news.ycombinator.com | 2 Apr 2025
    It's worth pointing out that mermaidchart.com is NOT the official Mermaid project (https://mermaid.js.org/).

    They're a for-profit company using the Mermaid name.

    This creates a lot of confusion whenever the name comes up, which I suspect is deliberate.

  • Ask HN: Simplest way to productize my graph layout algo?
    1 project | news.ycombinator.com | 28 Mar 2025
  • Ask HN: What do you use to create diagrams?
    10 projects | news.ycombinator.com | 12 Mar 2025
    I like Mermaid[^1], but can’t be bothered to learn the syntax. So, most of the time, I ask LLMs to generate the scaffolding and work from that.

    For freehand drawing, to me, nothing beats Excalidraw[^2]. I use it for pretty much everything—from system design work to planning a project and explaining a concept. Such a wonderful tool from the Czech Republic.

    [^1]: https://mermaid.js.org/

    [^2]: https://excalidraw.com/

  • Codez votre PPT avec Slidev !
    6 projects | dev.to | 6 Mar 2025
  • 7 insanely fast dev tools to build, deploy, and move on ⚡🔥
    5 projects | dev.to | 6 Feb 2025
    Mermaid is an open-source JavaScript library that allows users to generate diagrams and charts from plain text in a simple and intuitive way. Using a Markdown-like syntax, it enables the creation of flowcharts, sequence diagrams, Gantt charts, and more, directly within documentation or code. Its main advantage** lies in its ease of integration and ability to automate visual creation, making it an ideal tool for developers and technical teams looking to add charts easily.
  • Mindmap Generator: How to Draw SVG-Based Graphs with AI-Generated Text and Images Using the Agent Approach
    4 projects | dev.to | 25 Jan 2025
    Libraries for generating mindmaps from tree-structured text, such as Mermaid and Pintora, are well-known. However, Mermaid does not work on Node.js, and Pintora, which uses native code, is difficult to run as a serverless function. Therefore, I had to write a Web API from scratch to generate SVG diagrams of mindmaps from text.
  • Show HN: GUI for Editing Mermaid Class Diagrams
    7 projects | news.ycombinator.com | 17 Jan 2025
    I think there are two slightly different issues here!

    1. SVGs generated by Mermaid use the SVG 2 features, but other than browsers, most libraries only support SVG 1.1 features, i.e. <https://github.com/mermaid-js/mermaid/issues/2102>, which is what the other comment mentioned.

    2. Mermaid requires a browser layout engine to render the diagrams (your issue), i.e. <https://github.com/mermaid-js/mermaid/issues/3650>. This is something I also really want to fix (I maintain the [`mermaid-js/mermaid-cli`][1] project and we need to use Puppeteer/Headless Chrome to render mermaid diagrams, which isn't ideal.) However, I don't think this would be easy, since we'd need a browserless tool that supports a browser-like layout engine (although I'm hoping that [Servo][2] might eventually be able to support it).

    And if you do want to do headless renders of Mermaid diagrams, I'd recommend using (or adapting, since the code is all MIT licensed and I'm not aware of one that uses Selenium):

    - <https://github.com/mermaid-js/mermaid-cli>, which uses Puppeteer as the headless browser API.

  • My 2024 review
    12 projects | dev.to | 19 Dec 2024
    My "Documentation as Code" series took an unexpected turn. While I initially was a Plantuml advocate, I found myself gravitating more and more towards Mermaid charts (also after having to write some ADRs where, of course, I've added some diagrams). Its seamless integration with GitHub - automatic rendering in Markdown documents 😎 - proved to be a killer feature.
  • 5 Signs You’ve Built a Secretly Bad Architecture (And How to Fix It)
    4 projects | dev.to | 18 Dec 2024
    Good architecture prioritizes transparency and understanding. Tools such as vFunction or Dash0 can bring your architecture out of the shadows and into the light. Both of these offer architectural observability capabilities that help visualize your codebase, revealing service boundaries, interdependencies, and areas of inefficiency. With vFunction, teams can document complex microservices in real time, making it easier to spot bugs and bringing architecture-as-code to life with support for tools like Mermaid for sequence diagrams and automatically validating the actual architecture against manually created C4 diagrams for system modeling.
  • AI Diagramming Tools for Developers
    2 projects | dev.to | 12 Dec 2024
    With the rise of AI-powered tools, creating these diagrams has never been easier. In this post, I evaluate some of the most popular AI-enabled diagramming tools, including Miro, Excalidraw, Figma's FigJam, ChatGPT (with Mermaid). My goal is to see how they perform when tasked with real-world developer scenarios like sequence diagrams or database ERDs.
  • A note from our sponsor - InfluxDB
    www.influxdata.com | 14 May 2025
    InfluxDB 3 OSS is now GA. Transform, enrich, and act on time series data directly in the database. Automate critical tasks and eliminate the need to move data externally. Download now. Learn more →

Stats

Basic mermaid repo stats
158
79,145
9.9
2 days ago

knsv/mermaid is an open source project licensed under MIT License which is an OSI approved license.

mermaid is marked as "self-hosted". This means that it can be used as a standalone application on its own.

The primary programming language of mermaid is TypeScript.


Sponsored
Auth in Less Than 5 Minutes
Civic Auth comes with multiple SSO options, optional embedded wallets, and user management — all implemented with just a few lines of code. Start building today.
www.civic.com

Did you know that TypeScript is
the 1st most popular programming language
based on number of references?