Last 20 successfully rendered diagrams — stored in your browser
PlantUML Quick Reference
Every diagram starts with @startuml and ends with @enduml
Sequence Diagrams
Participants
actor User
participant App
database DB
queue MQ
cloud CDN
Arrows
A -> B : solid
A --> B : dashed
A ->> B : open head
A ->x B : lost msg
A <-> B : bidirectional
Groups
alt condition
...
else fallback
...
end
loop N times
...
end
Notes
note left of A : text
note right of B : text
note over A, B
multiline note
end note
Class Diagrams
Definitions
class Animal {
# name : String
+ {abstract} speak()
}
abstract class Vehicle
interface Drawable
enum Color { RED, GREEN }
Relationships
A <|-- B ' extends
A <|.. B ' implements
A --> B ' uses
A *-- B ' composition
A o-- B ' aggregation
A "1" -- "n" B
State & Activity
State
[*] --> Created
Created --> Active : activate
Active --> [*] : done
state Active {
[*] --> Running
}
Activity
start
:Do something;
if (condition?) then (yes)
:Branch A;
else (no)
:Branch B;
endif
stop
Styling
skinparam sequence {
ArrowColor #6366f1
ParticipantBackgroundColor #EEF2FF
ParticipantBorderColor #4F46E5
}
title My Diagram Title
header Page header
footer Page footer
Use the Components palette in the editor to insert snippets at your cursor position.
Load full templates from the Examples bar, or start fresh with + New.
Press Render or wait 1.2s after typing to auto-render.
