UML Playground
UML Playground
Edit the Diagram spec textarea and the playground re-renders the SVG output live. Switch between diagram types using the selector, then download the SVG when you’re happy with the result.
Elements
Relations
ArchUML source editor
Edit ArchUML source. Changes render in the diagram preview.
Diagram preview
Preview updates as you edit ArchUML. In visual edit mode, Tab reaches diagram items; Enter selects an item; arrow keys nudge selected elements; Delete removes selected items.
Need syntax help? The full ArchUML syntax reference with live rendered examples is available on a dedicated page.
Open Syntax Reference ↗