motion-canvas - Motion Canvas 2D scene building and animation reference.
Provides reference for Motion Canvas scene setup, signals, generators, refs, 2D components, timing, transitions, and utilities.
Tags
Updated: 2026-09-20Capabilities
Typical Inputs
Typical Outputs
What this skill does
- Define 2D scene templates
- Animate using generator functions
- Manage reactive signals and tweens
- Create scene node references
- Manipulate scene node hierarchy
- Save and restore node states
- Control time events and waiting
- Spawn and cancel background threads
- Configure 2D shapes and paths
- Apply visual filters and gradients
- Execute scene transitions
Inputs
- Scene layout specifications
- SVG path data
- Time event names
Outputs
- 2D scene animation rendered output
- Updated scene hierarchy state
Requirements
- TypeScript environment
- @motion-canvas/core library
- @motion-canvas/2d library