Mermaid Editor
Editor
Diagrams
FlowchartsSequence DiagramsClass DiagramsState DiagramsGantt ChartsER DiagramsUser JourneyGit Graphs

Diagrams

All Diagram Types Supported

Choose a diagram type to start quickly.

Flowcharts

Diagrams

Visualize processes, workflows, and algorithms with nodes and directional arrows. Perfect for business processes and decision trees.

Overview

Sequence Diagrams

Diagrams

Document interactions between different actors or systems over time. Ideal for API documentation and system design.

Overview

Class Diagrams

Diagrams

Model object-oriented systems with classes, attributes, and relationships. Essential for software architecture planning.

Overview

State Diagrams

Diagrams

Represent state transitions in systems or applications. Great for modeling lifecycle states and workflows.

Overview

Gantt Charts

Diagrams

Plan and track project timelines with tasks and dependencies. Perfect for project management and scheduling.

Overview

ER Diagrams

Diagrams

Design database schemas with entities and relationships. Ideal for database modeling and documentation.

Overview

User Journey

Diagrams

Map user experiences and interactions across touchpoints. Excellent for UX design and customer journey mapping.

Overview

Git Graphs

Diagrams

Visualize Git branching strategies and commit histories. Helpful for explaining version control workflows.

Overview

Mermaid Editor

The simplest way to create diagrams from code. Free, open-source, and privacy-focused.

Product

  • Editor
  • Blog

Diagrams

  • Flowcharts
  • Sequence Diagrams
  • Class Diagrams
  • State Diagrams
  • Gantt Charts
  • ER Diagrams
  • User Journey
  • Git Graphs

Legal

  • Privacy Policy
  • Terms of Service
  • Cookie Policy
  • Contact

Language

  • English
  • 简体中文
  • 繁體中文
  • 日本語
  • 한국어
  • Русский
  • Español

© 2026 Mermaid Editor. All rights reserved.