Repository navigation
Animated Diagrams 2.2.0
Mermaid support. Paste a Mermaid diagram and get an animation, or export your diagram back to Mermaid for
GitHub, GitLab, Notion, Obsidian or Confluence.
✨ What's new
Import from Mermaid (File → Import from Mermaid…, Ctrl+Shift+I)
- sequenceDiagram → animated scenario: participants become nodes and edges are created between them;
messages become request / response / error / event steps (2xx/4xx/5xxcodes set success or error);
activateshows the "Active" state,Notebecomes a note,parruns steps in parallel;loop,alt,opt,
criticalandbreakbecome chapters;autonumberandtitleare supported. - flowchart / graph → diagram: shapes map to element types (database, queue, decision, document, cloud…),
edges keep labels, arrows, dotted and thick lines;style,classDefandlinkStylecolors are kept;
nodes are laid out the way Mermaid lays them out. - Markdown:
```mermaidblocks in.mdfiles are read. A flowchart gives the layout, a sequenceDiagram
gives the scenario. - Syntax errors show the line and column. The text is prefilled from the clipboard.
.mmd,.mermaidand.mdfiles open via Open, drag and drop or the command line.- Powered by merman, a Rust implementation compatible with mermaid.js;
no browser or Node.js needed.
Export to Mermaid (File → Export → Mermaid)
- Flowchart (.mmd): shapes, labels, arrows, line styles and colors. Exact positions are kept in
%% ad:poscomments for a lossless re-import. - Sequence diagram (.mmd): the scenario as messages, notes,
parblocks, timers (⏱), states (●) and
chapters (⚑). - Markdown (.md): both diagrams, ready for a README.
CLI and MCP
animated-diagrams --export checkout.gif checkout.mmd # sequenceDiagram → animated GIF
animated-diagrams --export docs/flow.md diagram.json # diagram → Markdown with Mermaid
animated-diagrams --export seq.mmd --mermaid sequence diagram.json- New MCP tools:
import_mermaid(text or file) andto_mermaid(returns the text without writing a file).
export_animationacceptsformat: "mermaid"withmermaidKind. - An agent can sketch a flow as a sequenceDiagram, import it and refine it.
Fixes
- MCP: messages added without
edgeIdnow fly along the edge between their nodes, not the first edge of the
document. Changing a message's sender or receiver moves it to the matching edge. - Labels on curved edges are no longer clipped at the edge of exported frames.
- Files passed on the command line open after the main window appears.
Project
- Roadmap: planned releases up to 4.4.
📦 Downloads
| Platform | File |
|---|---|
| Windows 10 / 11 (x64) | animated-diagrams-2.2.0-win64.exe (installer) or animated-diagrams-2.2.0-win64.zip (portable) |
| Ubuntu 24.04 | animated-diagrams_2.2.0-1ubuntu24.04_amd64.deb |
| Debian 13 | animated-diagrams_2.2.0-1debian13_amd64.deb |
| Fedora 43 | animated-diagrams-2.2.0-1.fc43.x86_64.rpm |
Checksums are in SHA256SUMS.txt.
sudo apt install ./animated-diagrams_2.2.0-1ubuntu24.04_amd64.deb # Ubuntu 24.04
sudo apt install ./animated-diagrams_2.2.0-1debian13_amd64.deb # Debian 13
sudo dnf install ./animated-diagrams-2.2.0-1.fc43.x86_64.rpm # Fedora 43Windows installer: updates 2.1.0 in place — same folder and shortcuts, settings and user plugins kept.
Silent update: animated-diagrams-2.2.0-win64.exe /VERYSILENT /SUPPRESSMSGBOXES.
🛠 Building from source
Mermaid import needs Rust 1.95+ (cargo): merman is built from crates.io via Corrosion and linked statically.
Without Rust, configure with -DWITH_MERMAID=OFF; export to Mermaid still works.
⚠️ Known limitations
- Only
flowchart/graphandsequenceDiagramare imported; other Mermaid types (classDiagram, gantt, …) are
skipped with a warning.subgraphframes are not imported (their nodes are). - Mermaid is a static format: timing and effects are simplified on export. Use GIF, video, PowerPoint or the
HTML player for animation. - The Windows installer is not code-signed. SmartScreen may warn: More info → Run anyway.
- The detailed guides in
docs/are in Russian for now.
Documentation: README ·
Mermaid guide
Full Changelog: v2.1.0...v2.2.0
Full Changelog: v2.1.0...v2.2.0