vawe vs Motion Canvas.
Motion Canvas is a TypeScript library for vector animation, with a real-time editor. vawe renders one HTML page to a film. They suit different work, and this page says which.
Facts read from Motion Canvas's own pages on 2026-10-03. Sources are listed at the end. vawe runs on your machine, needs no account and has no per-render fee.
Choose Motion Canvas when
- You make explainer or diagram animation synced to a voice-over.
- You like writing animation as TypeScript generators with a live preview.
- You want an MIT licence.
- Your scenes are vector shapes and text, not web pages or video clips.
Choose vawe when
- You want to use the whole web platform: HTML, CSS, SVG, canvas and three.js, not one scene API.
- You want an AI agent to write the film in code it already knows.
- You want one command that renders the final MP4 with motion blur and an audio mix.
- You want to place video clips and CSS layouts in the film.
What Motion Canvas is.
Motion Canvas is a TypeScript library that uses generator functions to program animations, plus an editor with a real-time preview. It targets informative vector animation synced to a voice-over.
Side by side.
| feature | Motion Canvas | vawe |
|---|---|---|
| What it is | TypeScript library and editor for vector animation | Framework to make films from one HTML page |
| Licence | MIT | Apache-2.0 |
| Authoring model | TypeScript generator functions that describe the animation step by step | One HTML page: CSS, Web Animations, SVG, canvas, three.js |
| Rendering | Editor renders an image sequence to /output; an FFmpeg exporter makes a video | Headless Chrome seeks and screenshots each frame; encodes one MP4 with the page's audio |
| Agent support | None found in its official docs or site | bin/vawe CLI and skills for writing, critiquing and judging a film |
| Editor | Web editor with real-time preview and audio sync | No timeline editor: the page is the film |
Where Motion Canvas is stronger.
- A purpose-built editor. It gives a real-time preview and audio sync for scenes you write in code.
- A flow model for diagrams. Generators describe what happens step by step, with duration and speed instead of hard-coded keyframes.
- Licence and age. It is MIT-licensed and has about 19,200 GitHub stars.
Questions people ask.
- What is a generator function in Motion Canvas?
- It is a TypeScript function that yields as time passes. You write what should happen step by step, and the library plays it. The Motion Canvas docs describe the focus as duration, speed and acceleration instead of hard-coded keyframes.
- How does Motion Canvas make a video file?
- The editor can save each frame as an image to an output folder. A separate FFmpeg exporter can make a finished video. Its docs mark the exporter as a relatively new feature.
- Can an AI agent use Motion Canvas?
- You can ask an agent to write the TypeScript. This page found no agent skills or agent docs on the official Motion Canvas site.
- Is Motion Canvas open source?
- Yes, under the MIT licence. vawe is Apache-2.0.
Try vawe on one page.
Write a page, run one command, get an MP4. The quickstart takes a few minutes.