Faster Motion uses a graph-based mental model. Authors describe what should drive motion, how values should be transformed, and which DOM or Canvas target should receive the result. The runtime evaluates those graph relationships rather than relying on one-off imperative scripts.

Core terms

• .fmtion file: the JSON container for metadata, parameters, DOM graphs, Canvas areas or scenes, inputs, assets, and optional runtime features.
• Surface: the target environment. DOM writes to webpage elements; Canvas renders into a scene or canvas mount.
• Node: a typed operation such as a timeline, scroll trigger, remap, property writer, scene object, particle system, or skeleton operation.
• Port: a named input or output on a node. Connections wire output ports into input ports.
• Parameter: a named value that can be driven by inputs, UI, data, or responsive overrides.
• Boundary node: a node that reads from or writes to the outside world, such as DOM property writes or scene object transforms.

Graph shape

DOM graphs commonly flow from input or timeline nodes into compute nodes and then into DOM writers. Canvas graphs commonly flow into scene objects, state machines, geometry, rendering, or 3D resources. Shared nodes such as math, easing, parameters, and state can appear in either surface.

Generated metadata

The node metadata is the reference source for categories, ports, parameters, labels, defaults, and tooltips. The public docs should use it for reference pages and drift checks, while guide pages should explain common choices in plain language.

Current reference scale

The existing generated docs registry currently lists 292 nodes across these major categories:

• inputs: 51 nodes
• text: 31 nodes
• animation: 28 nodes
• boundary: 27 nodes
• paths: 24 nodes
• math: 17 nodes
• solvers: 16 nodes
• effects: 15 nodes
• skeleton: 13 nodes
• constraints: 11 nodes
• integration: 10 nodes
• distribution: 10 nodes

Working sample slot

Concept diagram: Insert a simple graph diagram showing input -> compute -> writer for DOM and input -> scene/render for Canvas. 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