Could This Asset Be Code
by aarthificial (Motion Canvas) · MIT
Argues for code-built assets, animated in Motion Canvas.
Motion Canvas
TypeScript generator-driven animation with a live visual editor.
MIT · ★ 19.2k
How people build with Motion Canvas
Works where the prompt, the code or the video is public. Videos load from the creator's own host when you press play.
One Year of Motion Canvas
by aarthificial (Motion Canvas) · MIT
Anniversary recap video of the project.
Smooth Parallax
by aarthificial (Motion Canvas) · MIT
Tutorial-style piece on smooth parallax motion.
Motion Canvas is now Open Source!
by aarthificial (Motion Canvas) · MIT
The open-source announcement video.
Deferred Lights
by aarthificial (Motion Canvas) · MIT
Explainer on deferred lighting with animated diagrams.
About Motion Canvasagents, rendering, runtime
- With agents
- No official agent skills; scenes are plain TypeScript generator functions, so coding agents can write them directly and iterate in the live-reload editor.
- Render path
- Render from the editor UI to an image sequence or to video via the FFmpeg exporter.
- Runtime
- TypeScript; Vite-based editor in the browser
- Best for
- explainer / educational videos · code & diagram animation · YouTube tutorials · vector motion graphics
Worth knowing
For the Motion Canvas team
Featured on 24fps
This page is free and always will be. If it helps your users, drop the badge on your showcase or README.
<a href="https://24fps.dev/tools/motion-canvas"><img src="https://24fps.dev/badge/motion-canvas.svg" alt="Featured on 24fps" height="28"></a>