System Design Playground

Visualize your system architecture using Mermaid.js syntax.

Preview

System Design Demo

Quick Reference

Class Diagram

classDiagram
  Animal <|-- Duck
  Animal <|-- Fish
  Animal : +int age
  Animal : +String gender
  Animal: +isMammal()
  Animal: +mate()

Sequence Diagram

sequenceDiagram
  Alice->>John: Hello John, how are you?
  John-->>Alice: Great!
  Alice-)John: See you later!