Process & Architecture
From a topic or document to an animated explainer you can edit, embed and export, in three steps.
Every step is designed to keep you in control of what appears on screen and when.
Enter a topic, paste an outline, or upload a document. Choose a narrated explainer or a silent hero loop, and pick a voice.
Read the drafted script and scene plan. Change any line, swap or reorder a scene, adjust timing. Every object has a name and can be edited on its own, so changes stay small and predictable.
Add one player tag to your page, pointed at the .json file. Or share a link, or export an MP4 for slides, an LMS or social.
Unlike generative video models that produce opaque pixels, AnimJS compiles structured data.
An animation is a JSON file that follows a published schema. The AI cannot add scripts or run arbitrary code on your page.
Each animation is checked against the schema and a layout check that catches overlapping or off-screen objects before it reaches you.
Rendering is deterministic: the same file at the same moment draws the same picture, in the browser player and in the MP4 exporter.
The AI drafts; you change anything before it's published, and nothing goes out until you publish it.
Why structured scene files behave differently from pixel video generators.
AI drafts can contain mistakes, so review them before you publish. AnimJS is not for talking-head avatar videos or general graphic design. It makes diagrams, processes, products and systems move.
Technically, it's a schema-validated JSON file played by a drop-in web component, so it loads like page content, not a heavy video.
Read the self-hosting guide, copy the embed snippet, and see the full list of player element attributes on our embed page.
Two distinct workflows powered by the same editable scene format.
Show how a product, process or idea works right on the page — and update it by editing a line, not re-exporting a clip.
Embed guide →Turn a lesson objective into a short animation you can play in class, embed in your course page and reuse next term.
Educator use case →Free plan: 5 AI drafts a month. Editing, embedding and sharing always free. See pricing →
