Studio editor

Write .puml source on the left, see the rendered SVG on the right. Everything runs locally in your browser — syntax highlighting via CodeMirror and rendering via the puml WASM renderer.

source.puml
Initializing editor…
preview.svg
starting up

Initializing in-browser renderer…

Renderer: starting…