AI-generated SVG explainers
Turn any topic or document into a scene-by-scene animation with narration. It plays live inside your web page as crisp vector SVG using a single tag. AI drafts the scenes, you refine them by chat or by hand, and you can export an MP4 anytime.
Free plan: 5 AI drafts every month Hand edits, embedding and sharing never use credits No credit card
Or skip the topic and start blank in Studio.
<explainer-player> · hero.jsonType a topic or upload a document, and AI drafts a narrated, scene-by-scene explainer. It's saved as a small JSON file and drawn live as SVG by a lightweight player, so it behaves like page content, not a video. Need a file for slides, an LMS or social? Export an MP4.
Every AnimJS animation is a small scene file the player draws as SVG. That one choice keeps it light, sharp and easy to change.
An explainer is a small JSON file, not a video stream, so there's no multi-megabyte download to slow your page.
Demo: 1.1 KB JSON vs 406 KB MP4 (720p)Text stays real text and shapes stay vectors, so they're sharp on a phone, a laptop or a big screen.
One <explainer-player> tag, about 100 KB compressed and shared by every explainer on the page. Viewers can play, pause and scrub, and it waits for Play when someone prefers reduced motion.
Ask the AI to reword a line or the narration, slow a scene down, recolour, resize, move or remove objects. Or change anything by hand.
Keep the file in git, review changes in a diff and host it anywhere. The animation is data, not code. The only script is the player.
Pick a voice and AnimJS times the narration to each scene. Viewers get a mute control. Export the same animation as an MP4 for slides, an LMS or social.
From a topic or a document to an animation on your page.
Type a topic or upload a PDF, DOCX, PPTX, Markdown or text file (up to 20 MB). Choose a narrated explainer or a silent hero loop.
Edit text and timing directly, or ask the AI in chat to reword, retime, recolour or rearrange. Preview every change in the browser.
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.
Technically, it's a schema-validated JSON file that a drop-in web component draws as inline SVG, so it loads like page content, not a video.
Measured Nov 10, 2026 on the 9-second homepage demo. JSON and player sizes are gzip-compressed. MP4 sizes come from a local encode at the same settings (H.264, CRF 18), to be confirmed against a real Studio export after launch. On a first visit the player also loads its web font, so the demo's all-in first view is about 190 KB.
Free is an ongoing plan, not a one-video trial: 25 AI credits a month (5 full AI drafts or 25 AI edits) and 5 MP4 minutes at 720p. Editing by hand, .json download, embedding and sharing never use credits, and there's no limit on projects. Creator ($9/mo) and Pro ($19/mo) add more AI credits and 1080p MP4 with no watermark.
Website builders and developers first, then product and docs teams, course creators, trainers and educators.
Show how a product, process or idea works right on the page — update it by editing a line. Embedding is free on every plan.
Read more →Turn an outline or slides into a narrated animation. Change a scene later and share it again — no re-recording.
Read more →When a step changes you change just that step and the rest stays as it was.
Read more →Turn a lesson objective into a short animation you can play in class, embed in your course page and reuse next term.
Read more →You stay the editor. AI drafts can contain mistakes, so review them before you publish. AnimJS is built for diagrams, processes and walkthroughs, not photorealistic video or character animation.
No plan tables here — full numbers live on Pricing.
A small .json file of scenes, text and shapes. A lightweight web component player reads it and draws the animation live in your page as SVG. You can still export an MP4 when you need a video file.
Add the player script once, then place an <explainer-player> tag pointed at your .json file. Embedding is free on every plan.
Embed guide →
25 AI credits a month (enough for 5 full AI drafts or 25 AI edits) and 5 MP4 export minutes at 720p with a watermark. The editor, .json download, the player, embedding and sharing are free on every plan and never use credits, and embeds are never watermarked. No credit card needed. See pricing →
You do. AI drafts the script and scenes, and drafts can contain mistakes. Every label, number and spoken line is an editable object, so changing it before you publish takes an edit, not a re-render.
Free plan: 5 AI drafts a month. Editing, embedding and sharing always free. See pricing →