134 templates · page 1 of 2
UML & Software diagram templates
Class, sequence, state, use-case, component, deployment.
PlantUML — Fuzzy Delphi / MPSI Activity
Detailed activity diagram of a Fuzzy Delphi, MPSI and QI computational methodology.
PlantUMLPlantUML — Class Diagram
Pure UML class diagram with interfaces, generics and stereotypes.
PlantUMLPlantUML — Sequence Diagram
Sequence with activations, alt-blocks and notes.
PlantUMLPlantUML — Use Case
Classic UML use-case with actors and include/extend.
PlantUMLPlantUML — State Machine
Composite states and guarded transitions.
PlantUMLPlantUML — Component
Components with ports and interfaces.
PlantUMLPlantUML — Deployment
Nodes, artifacts and deployment relationships.
PlantUMLPlantUML — Object Diagram
Runtime instances and their links.
PlantUMLPlantUML — Timing
Signal timing diagram across components.
PlantUMLClass Diagram
OO class structure with inheritance, composition, interfaces.
MermaidSequence Diagram
Interaction between actors and systems over time.
MermaidState Machine
Finite state machine with composite states and transitions.
MermaidUse Case Diagram
Actors and the use cases they participate in.
MermaidActivity Diagram
Workflow of activities with decisions and parallelism.
MermaidComponent Diagram
High-level software components and their interfaces.
MermaidSketchy Class Diagram
Hand-drawn-look UML for slides/papers.
NomnomlSketchy State Machine — Loading States
Casual state diagram.
NomnomlPlantUML — Themed Diagram
Showcase PlantUML's built-in themes (change !theme to amiga, cyborg, hacker, mars, materia, mimeograph, plain, sketchy, spacelab, superhero, vibrant, …).
PlantUMLSequence — all advanced features
Box grouping, every actor type, autonumber w/ format, par/and, critical/option, break, activations, bidirectional, central lifeline, links.
MermaidClass — namespaces + generics + stereotypes
namespace blocks, generic types ~T~, every stereotype (<<interface>>, <<abstract>>, <<enumeration>>), visibility modifiers, all 8 relationships.
MermaidState — composite + parallel + choice/fork/join
Composite states, concurrent regions, <<choice>>, <<fork>>/<<join>>, notes on states.
MermaidPlantUML — Sequence (full feature set)
Box grouping, autonumber with format, references, lifecycle (create/destroy), parallel '&' messages, dividers, separators, return arrows.
PlantUMLPlantUML — Class (full feature set)
Packages, abstract / interface stereotypes, generics, hyperlinks, hide/show members, multi-line Creole notes, colour modifiers.
PlantUMLSequence — OAuth 2.0
Authorisation-code flow with PKCE and refresh.
MermaidClass — Payments Domain
Payment, Refund, PaymentMethod — typical domain model.
MermaidTCP State Machine
Classic TCP connection state diagram.
Graphviz (DOT)Sequence — Checkout
End-to-end checkout sequence — frontend, API, Stripe.
PlantUMLUse Case — Library App
Actors and use cases for a small library app.
PlantUMLTLS 1.3 Handshake
1-RTT TLS 1.3 handshake with key exchange and Application Data.
MermaidActivity — Parallel Fork/Join
Concurrent tasks with fork, multiple branches, and join.
PlantUMLSequence — Async Saga
Asynchronous messaging with timeouts and compensating actions.
PlantUMLState — Document Lifecycle
Draft → Review → Approved → Published with rejection / revision loops.
MermaidClass — Strategy Pattern
Strategy + concrete strategies + context.
MermaidMobile App Navigation
Tab bar + nested stack navigation for a mobile app.
MermaidMESI Cache Coherence
Cache-line state machine — Modified / Exclusive / Shared / Invalid.
MermaidAI Behavior Tree — Enemy
Selector + sequence behaviour tree for a patrolling enemy.
Graphviz (DOT)Pac-Man Ghost FSM
Scatter / Chase / Frightened / Eaten state machine.
MermaidQuest Dependency Graph
RPG quest dependencies — mainline + side branches.
Graphviz (DOT)Card Payment with 3-D Secure
Authorise a card payment with EMV 3-D Secure step-up.
MermaidTrade Order Lifecycle
From order placement through risk, routing, fill, clearing and settlement.
MermaidCircuit Breaker State Machine
Closed / Open / Half-open states for a circuit breaker.
MermaidComponent with Ports & Interfaces
Component diagram using provided / required interfaces and ports.
PlantUMLObject Diagram — Snapshot
Instance-level snapshot of a class diagram with concrete values.
PlantUMLService Desk Ticket Lifecycle
ITIL-style incident ticket states from open to resolved/closed.
MermaidRSA Key Exchange
RSA-based encrypted message exchange between two parties.
MermaidDiffie-Hellman Key Agreement
Establish a shared secret over a public channel without prior key.
Mermaid6-DOF Robot Arm Kinematics
Joint-link kinematic chain of a 6-DOF manipulator.
Graphviz (DOT)Cellular Handoff
Inter-cell handoff sequence between two base stations.
MermaidKinship Diagram
Three-generation kinship tree with standard anthropology symbols.
Graphviz (DOT)Petri Net — Producer-Consumer
Classical Petri net with places, transitions and tokens.
Graphviz (DOT)Petri Net — Mutex
Two processes competing for a shared resource via mutex token.
Graphviz (DOT)DEX Swap Path
Token-A → token-B swap via a router with optimal multi-hop pool path.
MermaidNFT Mint Flow
User connects, signs allowlist proof and mints via contract.
MermaidTool-Use Trace
Multi-step agent trace using search, code execution and final synthesis.
MermaidDNS Recursive Resolution
Client → recursive resolver → root → TLD → authoritative servers.
MermaidBGP Convergence Sequence
Route withdrawal propagation across multiple BGP speakers.
MermaidTCP Three-Way Handshake
Standard TCP connection setup with sequence numbers.
MermaidUML Class Diagram
Animal / Dog / Cat / Trainer class diagram using the class-box shape.
WeaveUse-Case Diagram
Library system actors with use cases inside a system container.
WeaveUML State Machine — Order
Order lifecycle states with initial / terminal pseudo-states and guarded transitions.
WeaveUML deployment diagram
Web / app / data nodes with their artefacts and external cloud dependencies.
WeaveUML use-case (with stick-figure actors)
Two actors interacting with system use-cases — real UML actor symbols.
WeaveUML system boundary
Actors outside a system container; use-cases inside. Classic UML diagram.
WeaveState machine (order lifecycle)
Stadium states with arrow transitions labelled by events.
WeaveUML class diagram (compartments)
Class boxes built from a container + 3 stacked rect compartments (name / attrs / methods).
WeaveSequence diagram
Vertical lifelines + ordered horizontal messages between them.
WeaveSketchy sequence
Whiteboard-style request/response flow.
NomnomlSketchy state machine — order lifecycle
Order lifecycle as a state machine.
NomnomlSketchy use-case
Actor with multiple use cases inside the system boundary.
NomnomlSketchy class — bank account
Inheritance + composition with rounded boxes.
NomnomlTraffic-light state machine
Red → Green → Yellow → Red cycle.
PikchrSequence (call/response)
Two lifelines with an HTTP request and response.
PikchrState machine (ASCII)
Idle → Loading → Ready loop, with an error branch. Reads as nicely in a code review as it does on a slide.
SVGBob (ASCII)Producer / consumer
Bounded buffer between a producer and a consumer — tokens represent buffer slots and items.
Petri NetsMutex / critical section
Two competing threads share a single mutex token — only one can hold it at a time.
Petri NetsDining philosophers (2 of 5)
Compact two-philosopher slice of the classic deadlock-prone Petri net — thinking, hungry, eating, with forks as shared resources.
Petri NetsPikchr — order state machine
States and transitions for an order lifecycle.
PikchrSVGBob — state diagram
Order states drawn in ASCII.
SVGBob (ASCII)Petri — mutex (binary semaphore)
Two processes contending for a single shared resource.
Petri NetsPetri — producer / consumer
Bounded-buffer producer / consumer with capacity 3.
Petri NetsPetri — dining philosophers (2)
Two-philosopher version of the dining-philosophers problem.
Petri NetsPetri — traffic light
Simple three-phase traffic-light cycle.
Petri NetsState machine — order lifecycle
Standard ecommerce order state diagram.
State machine (FSM)State machine — TCP connection
Simplified TCP connection state machine.
State machine (FSM)State machine — traffic light
Three-phase traffic-light state cycle.
State machine (FSM)State machine — auth session
Session auth state machine.
State machine (FSM)State machine — document publishing
Editorial doc state machine.
State machine (FSM)Railroad — JSON Grammar
The json.org grammar as stacked railroad diagrams — the canonical example.
Railroad / syntax diagramRailroad — Arithmetic Expressions
Classic expr / term / factor precedence-climbing grammar for calculators and compilers.
Railroad / syntax diagramRailroad — Semantic Version
SemVer 2.0: major.minor.patch with optional pre-release and build metadata.
Railroad / syntax diagramRailroad — URL Structure
Simplified URI grammar: scheme, authority, path, optional query and fragment.
Railroad / syntax diagramRailroad — Email Address
Simplified RFC 5322 addr-spec: dot-atom local part at a dotted domain.
Railroad / syntax diagramRailroad — IPv4 & CIDR
Dotted-quad addresses and CIDR notation — a compact teaching grammar.
Railroad / syntax diagramRailroad — Lexer Tokens
Identifier, number, and string-literal token shapes for a language spec's lexical section.
Railroad / syntax diagramOAuth 2.0 Authorization Code Flow — with Browser Redirects
The standard browser-based OAuth 2.0 authorization-code exchange.
MermaidOrder Lifecycle State Machine
An e-commerce order's states from cart to delivered, with cancellation.
MermaidObserver Pattern (UML Class)
The Gang-of-Four Observer pattern as a class diagram.
MermaidComponent Diagram (PlantUML)
A layered web app's components and their wiring.
PlantUMLUse-case Diagram (PlantUML)
Actors and use cases for an online store.
PlantUMLPayment with Webhook (Sequence)
Async payment confirmation via a provider webhook.
Mermaid