Skip to main content

Overview

Apollon is an open-source UML and modeling editor for the web, iPhone, iPad, VS Code, and your own products. Draw locally, collaborate when you choose, and export to SVG, PNG, PDF, PPTX, or JSON. There is nothing to install to get started on the web.

What you can draw​

Apollon supports 13 diagram types:

  • Class
  • Object
  • Activity
  • Use Case
  • Communication
  • Component
  • Deployment
  • Petri Net
  • Reachability Graph
  • Syntax Tree
  • Flowchart
  • BPMN
  • SFC

Any diagram exports to SVG, PNG, PDF, PPTX, or JSON. JSON round-trips — re-import it to keep editing. Real-time collaboration is optional and runs over WebSockets.

Review links and links to a saved version are read-only. Changing the view option in the URL does not allow edits. Edit, collaboration, and give-feedback links grant write access; anyone who has one can share that access with others. Give-feedback opens assessment mode but does not limit the link's server permissions to feedback.

A link without write access stays read-only. To edit that diagram, export or duplicate it and share the new copy. Changing a link to review mode does not revoke write links that you already sent.

Which way to use Apollon​

Apollon ships in several forms. Pick the one that matches your context.

Hosted web app​

Open apollon.aet.cit.tum.de and start drawing. No install, no account. Diagrams persist in your browser and can be shared by URL. Use this when you want to draw and share a diagram with no install.

iPhone and iPad​

Install Apollon from the App Store when you want the full editor on an iOS or iPadOS device. Local diagrams stay on the device, work offline, and can be shared only when you choose.

VS Code extension​

Install the extension if you want diagrams to live next to your code. It stores each diagram as a plain .apollon file in your repository, so diagrams are versioned and reviewed like any other source.

Embeddable library​

@tumaet/apollon is published on npm. Embed the editor in your own product when you need UML modeling inside an existing application.

npm install @tumaet/apollon
You want to...Use this
Draw a diagram right now, share it by URLHosted web app
Model on iPhone or iPad, including offlineiOS app
Keep diagrams in version control with your codeVS Code extension
Add a UML editor to your own applicationEmbeddable library

Next steps​

  • Get Apollon — set up the hosted app, the VS Code extension, iOS app, or a self-hosted instance.
  • Support — get help or prepare an update from the previous iOS app.
  • Library docs — the embedding API for @tumaet/apollon.
  • Contributor docs — build Apollon from source and contribute.