Illustrate the relationships
Shapes, arrows and labels stay editable. Use decisions, processes and annotated connectors to tell the story accurately.
YOUR CREATOR WORKSPACE
Explainer Diagram Animator
Build · Connect · Animate · Share
04 / LIVE CANVAS
See the story unfold
Step 1
Click an element to select it · Drag to move
Use Shift+Arrow Left/Right on a focused step bar to adjust its duration by 0.25 seconds. Arrow Left/Right selects adjacent steps.
Animation preview uses the same canvas renderer as exports. Select a step to inspect its camera and narration.
05 / FINISH & EXPORT
Publish anywhere
Optional soundtrack
Import narration or music locally. Audio is included in video exports and starts at storyboard time 00:00 (max 180 seconds / 30 MB).
No soundtrack attached
Soundtracks are not embedded in saved JSON projects. Keep the original audio file to reuse it.
Selected step: 1
No AI required. All creation, layout, preview and export operations run locally and deterministically.
Video export records the real animation (up to 120 seconds) in browser-supported codecs, with your imported soundtrack when supplied. Otherwise the export is silent. An SVG is a static snapshot; JSON retains your editable storyboard.
✦ PIXELOKAY CREATOR STUDIO FLAGSHIP
Explainer Diagram Animator
Turn explanations into cinematic diagrams. Draw connections, reveal ideas step by step, move the camera, and export a creator-ready animation without uploading your work.
◈ Animated arrows & nodes◷ Step-by-step timeline↓ WebM video & SVG✦ Smart outline builder
BUILT FOR VIDEO EXPLAINERS
From a complicated thought to a clear visual.
Direct each reveal
Define story beats, durations, order, and focal zooms. Move the camera naturally as new ideas appear.
Export for creators
Produce real animated footage or share crisp diagrams, narration captions and portable projects. Your data stays in the browser.
Frequently asked questions
Does the Smart Outline use generative AI?
No. It uses transparent local rules to translate written steps into diagrams. This avoids paid models, remote code processing and fabricated meaning.
Can I animate a camera zoom or move?
Yes. Select a step, focus the camera on an element, and adjust zoom. Transitions are calculated automatically between story beats.
Will the export preserve animation?
Recorded WebM (or MP4 where the browser supports it) preserves animation. PNG and SVG are static snapshots. SRT exports the narration notes for timing in other editors.
Is there an upload or paid subscription?
No. Diagram editing and rendering run locally in the browser. No paid model, cloud upload, backend or account is required.