ivarvong/lantern

Animated, explorable diagrams for Claude and other coding agents, from a short JSON spec.

Semantic-first animated architecture diagrams with portable SVG and a high-fidelity browser runtime.

Bring your code to life in your content, documentation and also your talks with this awesome tool!

Config-driven animated architecture diagrams: turn one JSON file into a terminal-style, always-running diagram or a light-theme infographic that moves. Outputs H.264 mp4 or a live web page; also a Claude Code style skill (SKILL.md).

🎬 Open-source animated architecture diagrams as code. Diagram-native DSL, 17 layout engines, Web Animations API, and MCP server for AI agents.

Draw, animate and interact with shapes, text, plots and equations. Create interactive slideshows and interactive videos.

Create keyframe animations from hand-drawn Excalidraw diagrams — timeline editor, camera animation, sequence reveals, and an MCP server for AI-driven creation with real-time live preview Export as MP4, WebM, GIF, or animated SVG.

Build click-through, animated system architecture diagrams as a single HTML file. Drop it into a workshop, design review, or onboarding doc and let people watch the data flow instead of reading static boxes-and-arrows.

Claude Code skill: hand-drawn animated architecture diagrams — ink on beige paper, flowing dots, one self-contained HTML, seamless-loop GIF export