🎬 Open-source animated architecture diagrams as code. Diagram-native DSL, 17 layout engines, Web Animations API, and MCP server for AI agents.
-
Updated
Oct 1, 2026 - TypeScript
🎬 Open-source animated architecture diagrams as code. Diagram-native DSL, 17 layout engines, Web Animations API, and MCP server for AI agents.
Free, open-source architecture diagramming tool with drag-and-drop canvas, step-by-step presentation mode, AI assist, laser pointer, and high-quality PNG/WebM exports. Built with React, TypeScript & Vite.
Create animated diagrams as GIFs in a web app
Author animated SVG diagrams in TypeScript, review them live in the browser, and export them as GIF/WebM/MP4.
Animated architecture and system-flow diagrams for AI coding agents. A Claude Code, Codex, Cursor and Copilot skill that turns a JSON spec into an interactive HTML player or an animated SVG for GitHub READMEs. npx skills add shashankswe2020-ux/traceframe
The diagram-as-code language behind Chartado: turn a line of text like API Gateway -> Lambda -> DynamoDB into an architecture diagram. Parser, validator, layout engine and 60 service types for AWS, AI agents and Cloudflare. Animate and export it at chartado.com
Semantic-first animated architecture diagrams with portable SVG and a high-fidelity browser runtime.
To associate your repository with the animated-diagrams topic, visit your repo's landing page and select "manage topics."