A plain-text DSL for hand-drawn diagrams. Write boxes, edges, and groups as code — renders sketchy SVG/Canvas via rough.js with a built-in step-by-step animation system.

Primitive molecule diagrams for Sketchmark. Compiles lightweight chem.* commands into standard Sketchmark groups and nodes.

A small JS+SVG library for drawing railroad syntax diagrams.

A toolbox for displaying and modifying diagrams on the web

Direct editing support for diagram-js

Annotation plugin for Sketchmark. Adds lightweight geometry-style marks like angle arcs, right angles, equal ticks, midpoint marks, and dimension lines.

A generic context menu

Notation plugin for Sketchmark. Converts lightweight TeX-style math into Unicode text labels and narration.

[](https://github.com/bpmn-io/diagram-js-ui/actions/workflows/CI.yml)

Zero dependency React transition state machine.

DevExpress Diagram Control

Named edge anchors for Sketchmark. Rewrites a@right --> b@left into ordinary edges with anchor metadata.

Graph plotting plugin for Sketchmark. Compiles graph.* commands into standard Sketchmark nodes.

Primitive circuit diagrams for Sketchmark. Compiles lightweight ckt.* commands into standard Sketchmark groups and nodes.

Wireframe primitives for Sketchmark. Compiles lightweight wf.* commands into standard Sketchmark nodes and groups.

Feature-rich diagram control to create diagrams like flow charts, organizational charts, mind maps, and BPMN diagrams. Its rich feature set includes built-in shapes, editing, serializing, exporting, printing, overview, data binding, and automatic layouts.

A minimap for diagram-js

Geometry plugin for Sketchmark. Compiles lightweight geo.* commands into standard Sketchmark nodes.

Visualize flow between nodes in a directed acyclic network.

A visual grid for diagram-js