toondirectorYOUR ART. YOUR STORY.
ON DEVICESaved on this device
PREVIEW1080 × 1920
THE FIRST FRAME IS YOURS

Make room for a story.

Import your artwork or video,
then add it to this scene.

01 Import→02 Compose→03 Animate
No layer selectedYour original art stays consistent.
0:00.00/0:04.00
SELECTED LAYER · TRANSFORMSCENE 0.00 s
Position, scale, rotation, and opacity animate between keyframes.SPACE to play
BUILD YOUR STORY

One scene at a time.

Select a scene to edit its shot.
TOON DIRECTORA little motion. A whole story.
READY FOR THE SCREEN

Make it a film.

Export the complete story with camera moves, scene transitions, subtitles, and audio.

Ready when you are.

Video recording runs in real time. Keep this window visible. Available formats depend on your browser; the editor checks support before recording.
A LOCAL STUDIO, A REAL STORY

Start with your art.

Toon Director composes and animates artwork you supply. Once the editor is loaded, editing and rendering run on this device. Imported artwork, audio, and projects stay in your browser.

  1. Import your world. Add full-scene illustrations, transparent character cutouts, video clips, recorded voices, and music. The quality and style of your original art define the film’s look.
  2. Keep characters consistent. Open Characters, create a character, and add drawings as poses. Supply front, side, rear, close-up, and expression variants from the same design. The editor reuses this artwork; it does not generate new drawings or unseen poses offline.
  3. Compose each shot. Add layers, set their order, and position the artwork. Keyframe a layer’s position, scale, rotation, and opacity. Add a subtle breathe, float, or sway movement. Camera presets add pushes and pans.
  4. Tell the story in scenes. Add or duplicate scenes. Change their order, durations, and transitions. Use close-ups, rear views, and full-frame illustrations as separate shots.
  5. Give it a voice. Choose scene audio and a talking character. Optional open and closed mouth overlays react to voice volume. Add a subtitle for the scene and music across the film. The mouth effect is not phoneme-accurate lip sync.
  6. Save and export. Work autosaves in this browser using local IndexedDB storage. Save an editable project to keep a portable JSON copy with embedded media. Export PNG frames or a film with audio. WebM and MP4 availability is checked in your browser.
For an illustrated narrative film

Prepare a matching set of backgrounds and character views, then compose them into a sequence of wide shots and close-ups. Fully illustrated stills, transparent cutouts, and existing video can all be part of the same story.

Space Play / pauseCtrl + Z UndoCtrl + Shift + Z Redo