The Faster Motion runtime loads .fmtion files, resolves parameters and assets, mounts DOM or Canvas targets, starts and pauses timelines, exposes state-machine and skeleton handles, and provides debug hooks for validation.

Runtime responsibilities

• Resolve file variables, parameters, inputs, data tables, and assets.
• Load DOM graphs against the current document.
• Load Canvas areas or 3D scenes into their mount elements.
• Expose play, pause, dispose, metadata, parameter accessors, state machines, skeletons, and debug overlays.
• Keep source files inspectable so publishing can be validated before the public page changes.

Operational contract

A published Faster Motion page should be repeatable: the source .fmtion, the HTML mount, the runtime bundle, and the public page should agree. Avoid one-off page JavaScript that hides graph behavior from validation.

Lifecycle checklist

1. Load the .fmtion file and confirm metadata is present.
2. Confirm the expected surface exists: DOM selectors, Canvas mount, or 3D scene mount.
3. Start playback and verify visible movement or stable rendered state.
4. Pause and dispose cleanly when the page or component unmounts.
5. Run debug validation and record any accepted warnings.

Publishing note

For FasterHQ help and blog content, publish documentation and examples through source-backed post bundles. Do not patch CMS records directly as a shortcut.

Working sample slot

Runtime sample: Insert a verified runtime loading snippet after the docs team confirms the public bundle path and recommended import shape. 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