Back to top

Theming and Styling

Theming and Styling

Support for VS Code and Eclipse Theia themes and flexible styling.

Theming and Styling

Custom shapes

Custom shapes

Customs shapes in a diagram using SVG and CSS animations.

Custom shapes

Workflow example

Workflow example

An example workflow diagram available open source. See here for more details.

Workflow example

Constrained layouts

Constrained layouts

© logi.cals GmbH

An example for an editor with constrained layouts.

Constrained layouts

© logi.cals GmbH

Animated Marker Navigation across the Diagram

Animated Marker Navigation across the Diagram

© logi.cals GmbH

A custom sequence function chart editor demonstrating the animated navigation from diagram marker to next marker via keyboard shortcut.

Animated Marker Navigation across the Diagram

© logi.cals GmbH

Ecore Editor

Ecore Editor

The Ecore Editor provided by EMF.cloud. See here for more details.

Ecore Editor

Large Model and Zooming

Large Model and Zooming

A large model demonstrating scalability and Zooming. See here for more details.

Large Model and Zooming

Auto Layout

Auto Layout

An example for auto layout in a diagram. See here for more details.

Auto Layout

Ports and Routing

Ports and Routing

© logi.cals GmbH

A custom editor showing Ports and advanced Routing.

Ports and Routing

© logi.cals GmbH

Palette and Editing

Palette and Editing

The Ecore Tools showing the palette and editing. See here for more details.

Palette and Editing

Undo / Redo

Undo / Redo

The Ecore tools demonstrating Undo / Redo. See here for more details.

Undo / Redo

Label Editing and Auto Completion

Label Editing and Auto Completion

© logi.cals GmbH

A custom editor showing advanced Label editing and Auto Completion.

Label Editing and Auto Completion

© logi.cals GmbH

Custom Context Actions

Custom Context Actions

A custom context action in the workflow example. See here for more details.

Custom Context Actions

Validation Marker

Validation Marker

A custom editor showing Validation Marker and the Problem View integration.

Validation Marker

UML Class Diagram

UML Class Diagram

An example for a UML class diagram.

UML Class Diagram

UML Use Case Diagram

UML Use Case Diagram

An example for a UML use case diagram.

UML Use Case Diagram

Open BPMN

Open BPMN

Open BPMN is a free BPMN 2.0 modeling platform that can be extended and customized by any BPMN 2.0 compliant execution engine. Open BPMN is based on the Eclipse Graphical Language Server Platform (GLSP) providing an open-source framework for building diagram editors based on modern web technologies.

Open BPMN