PlantUML to Mermaid

A PlantUML sequence diagram and the Mermaid text the editor produces from it:

@startuml
actor User
User -> App : open file
App --> User : preview
@enduml

sequenceDiagram
  actor User
  participant App
  User->>App: open file
  App-->>User: preview

Class diagrams work the same way:

@startuml
class Animal {
  +name : String
  +makeSound()
}
class Dog
Animal <|-- Dog
@enduml

classDiagram
  class Animal {
    +name : String
    +makeSound()
  }
  class Dog {
  }
  Dog --|> Animal

• SequenceParticipants, actors, messages, notes, groups such as alt and loop.
• ClassClasses, members, visibility, inheritance and other relations.
• State, ERStates and transitions, entities with attributes and relations.
• ActivityBecomes a Mermaid flowchart: steps, decisions and loops.
• Gantt, mind mapTasks with dates, and tree-shaped maps.

Styling such as skinparam colors and fonts has no Mermaid equivalent. Lines like that are listed in the loss report instead of being dropped silently.

Rendering and converting both run inside your browser. The page is not allowed to open connections to other servers, so your diagram text is not uploaded. Your work is kept in your browser's local storage only. Details are in the privacy policy.

• Mermaid to PlantUML converter
• PlantUML to draw.io converter
• PlantUML viewer