HyLiMo is a textual DSL and hybrid editor for efficient modular diagramming. A deployed web-based version of our editor and documentation can be found at https://hylimo.github.io

• hybrid graphical-textual approach
• live-synced editing
• graphical edits manipulate the textual definition
• textual DSL for defining diagrams
• programming language features, including custom functions and control-flow constructs
• styling
• theming
• modular approach, with initial support for UML class diagrams

classDiagram {
    class("Movie")

    class("Actor") layout {
        pos = rpos(Movie, 600, 0)
    }

    Actor -- Movie with {
        over = start(Position.Left).line(end(Position.Right))
    }
}

Setup the project:

npm install

Builing all modules:

npm run build

Depolying the web-based editor:

cd website
npm run dev

This deploys the website at http://localhost:5173

• @hylimo/cli: MIT
• @hylimo/core: MIT
• @hylimo/diagram: MIT
• @hylimo/diagram-common: MIT
• @hylimo/diagram-protocol: MIT
• @hylimo/diagram-render-pdf: MIT
• @hylimo/diagram-render-svg: MIT
• @hylimo/diagram-ui: EPL-2.0
• @hylimo/fonts: MIT
• @hylimo/language-server: MIT
• @hylimo/wasm-libs: MIT