https://github.com/kymostudio/kymostudio
Type it. See it appear. Watch it animate.
https://github.com/kymostudio/kymostudio
animation diagram diagram-as-code dsl figma mermaid svg webp
Last synced: 22 days ago
JSON representation
Type it. See it appear. Watch it animate.
- Host: GitHub
- URL: https://github.com/kymostudio/kymostudio
- Owner: kymostudio
- License: apache-2.0
- Created: 2026-05-19T22:19:27.000Z (28 days ago)
- Default Branch: main
- Last Pushed: 2026-05-25T06:05:25.000Z (23 days ago)
- Last Synced: 2026-05-25T06:41:18.616Z (23 days ago)
- Topics: animation, diagram, diagram-as-code, dsl, figma, mermaid, svg, webp
- Language: Python
- Homepage:
- Size: 38.6 MB
- Stars: 1
- Watchers: 0
- Forks: 0
- Open Issues: 4
-
Metadata Files:
- Readme: README.md
- Changelog: CHANGELOG.md
- Contributing: CONTRIBUTING.md
- License: LICENSE
- Security: SECURITY.md
Awesome Lists containing this project
README
kymo
Diagram-as-code DSL — turn declarative text into animated SVG (plus WebP, Figma & Excalidraw), and import standard BPMN 2.0.
## Install
```bash
pip install kymostudio # Python
npm install kymostudio # JavaScript
```
## Usage
```bash
kymo sample.diagram # → sample.svg
kymo sample.diagram --animate # → sample-animated.svg
kymo sample.diagram --figma # → sample.figma.js
kymo sample.diagram --excalidraw # → sample.excalidraw
kymo process.bpmn # → process.svg (BPMN 2.0 import)
```
kymo also imports standard **BPMN 2.0 XML** (`.bpmn` from bpmn.io / Camunda
Modeler / Signavio) and renders it to SVG using the file's own geometry —
see [`docs/BPMN.md`](./docs/BPMN.md) and the
[`samples/order.bpmn`](./samples/order.bpmn) /
[`samples/collaboration.bpmn`](./samples/collaboration.bpmn) examples.
A [**VS Code extension**](./packages/vscode-extension/README.md) gives `.diagram`
and `.bpmn` files a live SVG preview inside the editor (zoom / pan / export),
rendered in-process by the JS engine — no Python required.