Visualize Complex Ideas Programmatically
https://motion-canvas.github.io/
https://github.com/motion-canvas/motion-canvas
motion-canvas
/
motion-canvas
Visualize Your Ideas With Code
Motion Canvas
Motion Canvas is two things:
- A TypeScript library that uses generators to program animations.
- An editor providing a real-time preview of said animations.
It's a specialized tool designed to create informative vector animations and synchronize them with voice-overs.
Aside from providing the preview, the editor allows you to edit certain aspects of the animation which could otherwise be tedious.
Using Motion Canvas
Check out our getting started guide to learn how to use Motion Canvas.
Developing Motion Canvas locally
The project is maintained as one monorepo containing the following packages:
| Name | Description |
|---|---|
2d |
The default renderer for 2D motion graphics |
core |
All logic related to running and rendering animations. |
create |
A package for bootstrapping new projects. |
docs |
Our documentation website. |
e2e |
End-to-end tests. |
examples |
Animation examples used in documentation. |
internal |
Internal helpers used for building the packages. |
player |
A custom element for displaying animations in a browser. |
template |
Discussion (0)