VJ UNION

Cover image for Motion Canvas : Open Source
vdmo
vdmo

Posted on

Motion Canvas : Open Source

Visualize Complex Ideas Programmatically

https://motion-canvas.github.io/

https://github.com/motion-canvas/motion-canvas

GitHub logo motion-canvas / motion-canvas

Visualize Your Ideas With Code


Motion Canvas logo

published with lerna powered by vite 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
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)