Write it or draw it
Write a .flux.json by hand, ask an AI agent to write it, or build it visually in the editor. The layout is automatic.
Fluxygram
Describe anything in JSON. Fluxygram draws it and tells it step by step, with motion that helps people understand.
What you can do
Section titled “What you can do”Seven diagram types
Flows, architectures, timelines, trees, cycles, sequences and mind maps. Each one moves in the way that explains it best.
Tell a story
Steps reveal the diagram one idea at a time: what appears, what travels, what succeeds and what fails.
Embed it anywhere
One web component, <fluxy-gram>, in any site, docs or app. No framework needed.
Present it live
Full screen for the audience, your notes and a timer in a second window.
Let your agent do it
A skill teaches Claude, ChatGPT, Gemini, Cursor and other agents to write great diagrams.
Start here
Section titled “Start here” Quickstart Your first animated diagram in two minutes.
Diagram types Which type to use, and how each one moves.
Steps Turn a diagram into a story.
For agents Give the skill to your AI agent.