Faster Motion is the motion runtime behind advanced page animation and Canvas visuals in Faster. These docs are the formal starting point for teams that need to understand how a motion file is structured, how it is loaded, and where DOM and Canvas authoring differ.

The public docs are organized around two authoring surfaces: DOM animation for webpage elements, and Canvas animation for 2D, 3D, and procedural visuals. The node metadata remains the reference layer, but these guide pages explain the mental model first.

Choose the right surface

• DOM animation is for webpage elements: sections, cards, text, SVG paths, scroll scenes, hover states, and CSS property writes.
• Canvas animation is for rendered scenes: 2D objects, assets, sprites, text, imported animation assets, state machines, and interactive visuals.
• Canvas 3D and procedural animation is for 3D scenes, procedural geometry, GPU particles, rigging, and render/export planning.

What ships in this MVP

• A human-facing overview and getting-started path.
• Concept pages for .fmtion files, graphs, nodes, ports, parameters, inputs, and debugging.
• Separate DOM, Canvas 2D, and Canvas 3D/procedural guides.
• A generated-reference entry point that summarizes the node metadata without turning the first docs release into a metadata dump.
• Explicit working-sample slots so verified examples can be inserted in a second pass.

Suggested reading order

1. Get started with Faster Motion
2. Faster Motion concepts
3. DOM animation guide
4. Canvas animation guide
5. Canvas 3D and procedural guide
6. Debugging and preflight

Working sample slot

Overview demo: Insert a compact side-by-side DOM and Canvas example once both samples are verified in the live site. This page intentionally reserves the sample location so the live docs can ship before the verified examples are inserted.

Faster Motion docs

Use these pages as the first public Faster Motion documentation set. Working samples will be inserted after each sample is verified.

Start

• Faster Motion documentation overview
• Get started with Faster Motion
• Faster Motion concepts

Surfaces

• DOM animation guide
• Canvas animation guide
• Canvas 3D and procedural guide

Reference

• .fmtion file format
• Runtime loading and publishing
• Debugging and preflight
• Node reference index

Related product guides

• Add motion to a page
• Use the visual editor for page motion
• Create a Canvas visual
• Meet the Visual Motion Editor