Motionscript Documentation

Learn how to get up and running with Motionscript through guides, framework quickstarts and the API reference.

CLI

# The library, the renderer, and the WASM build it loads npm install @motionscript/sdk @motionscript/browser @motionscript/canvaskit # React bindings, if your host is React npm install @motionscript/react # Serve the Skia binary as a static asset cp node_modules/@motionscript/canvaskit/canvaskit.wasm public/

Connect a framework

Start with a quickstart guide to get a scene on screen in the host you already have.

React Node.js Browser

Browse the docs

IntroductionWhat a scene is, how the engine reads it, and why a frame is a pure function of its time.Getting StartedBuild a title card from scratch: a shape, a tween, a layout, an effect, a mask.Available ComponentsBasic shapes, text, video and cameras, plus Math, Charts, Grids, Code, Geography, Patterns and Audio, one page per component.AttributesThe properties every node shares: fills, strokes, shadows, corners, opacity, layout, audio.EffectsPost-process filters on any node. Blur, bloom, grain, displacement, and forty more.Custom NodesWrite a node type of your own — the one place code joins a scene.CLICopy a component's source into your project with `ms add`, and keep track of what you changed.API ReferenceGenerated from the source, one page per export, across core, code and latex.