Cover image for Motion Canvas : Open Source

Posted on

Motion Canvas : Open Source

Visualize Complex Ideas Programmatically



GitHub logo motion-canvas / motion-canvas

Visualize Complex Ideas Programmatically

Vite logo

published with lerna powered by lerna npm package version discord

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
core All logic related to running and rendering animations.
2d The default renderer for 2D motion graphics
create A package for bootstrapping new projects.
docs Our documentation website.
e2e End-to-end tests.
examples Animation examples used in documentation.
player A custom element for displaying animations in a browser.
template A template project included for developer's convenience.

Discussion (0)