Educational Tool
UML Diagram Editor
Draw and edit activity, use case, state, sequence and class diagrams directly in your browser, then export them as JSON or SVG.
The UML Diagram Editor offers five diagram types in a compact interface: activity, use case, state, sequence and class diagrams. Each diagram has a matching selection of elements and connections.
Elements can be placed and moved on an SVG canvas. The properties panel lets you adjust text, class attributes, methods and labels. Connections include inheritance, dependencies, aggregation and composition. Undo and zoom make editing easier.
Diagrams can be saved together as a JSON file and loaded again later. SVG export produces a scalable graphic of the current diagram. The application runs directly in your browser without external libraries; diagrams are not sent to a server.