Mermaid
Mermaid is a JavaScript-based diagramming and charting tool that renders Markdown-inspired text definitions into dynamic diagrams in the browser.
Our verdict
Who it's for
Create diagrams and charts from text in a simple, intuitive, and highly customizable way.
Who should look elsewhere
Limited styling
Pros
- +Diagrams as code
- +GitHub native support
- +Free and open source
- +Many diagram types
- +Easy syntax
Cons
- −Limited styling
- −Complex diagrams hard
- −Rendering varies
- −Documentation gaps
- −Less flexible than draw tools
Key features
- ✓Diagram as code
- ✓Flowcharts
- ✓Sequence diagrams
- ✓Gantt charts
- ✓Git integration
- ✓Markdown support
Pricing
| Plan | Price | Billing | Notes |
|---|---|---|---|
| Open Source | $0 | month | MIT licensed; Flowcharts & diagrams; Text-to-diagram |
| Basic | $0 | month | 3 diagrams; Limited AI usage; Mermaid Chart hosted |
| Plus | $8 | month | Unlimited diagrams; Scalable AI usage; Team collaboration |
| Premium | — | month | Massive AI usage; SSO; Knowledge management |