By Util
Home
About
Login
Register
English
Login
Register
Back to Tools
Mermaid Editor
Create diagrams and flowcharts with Mermaid syntax
Tutorial
Examples
All
Sequence
Gantt
State
Class
Pie
Git
User Login Flow
User login authentication process
API Request Flow
Typical REST API request flow
Payment Processing
Online payment processing flow
OAuth 2.0 Flow
OAuth 2.0 authorization flow
Project Timeline
Software development project timeline
Sprint Plan
Two-week sprint plan
Website Launch
Website launch timeline
Order States
E-commerce order state flow
Bug Lifecycle
Bug tracking state transitions
Traffic Light
Traffic light state machine
User System
User management class design
E-commerce
E-commerce domain model
MVC Pattern
Model-View-Controller pattern
Tech Stack
Project technology distribution
Traffic Sources
Website traffic sources
Budget Allocation
Project budget breakdown
Git Flow
Git flow branching model
Simple Branch
Simple feature branch workflow
Hotfix Flow
Production hotfix workflow
Editor
sequenceDiagram participant User participant Frontend participant Backend participant Database User->>Frontend: Enter credentials Frontend->>Backend: POST /api/login Backend->>Database: Query user Database-->>Backend: User data Backend-->>Frontend: JWT Token Frontend-->>User: Login success
Mermaid Syntax
Preview
Enter Mermaid code to preview