Home page
GitHub

ZenUML, Diagram as Code

Keep your diagrams in sync with your code easily.

Get startedView on GitHub
// Create an Order
OrderService.createOrder() {
  const order = await OrderRepository.createOrder()
}
Diagram rendered here

Introduction

Getting started

Learn how to use ZenUML to create sequence diagrams and how ZenUML is built. Work in Progress.

<template>
  <div id="app">Hello World</div>
</template>
Open on CodeSandbox

Installation

Step-by-step guides to setting up your system and installing the library.

Architecture guide

Learn how the internals work and contribute.

Plugins

Extend the library with third-party plugins or write your own.

API reference

Learn to easily customize and modify your app's visual design to fit your brand.

Next
The ZenUML Language →