Production motion needs source validation, live verification, performance review, responsive behavior, reduced-motion behavior, and rollback confidence.

Where this fits

• Faster Motion docs map shows the full documentation structure.
• Faster Motion documentation overview explains the high-level surfaces and reading order.
• Debugging and preflight explains validation before publish.

Source checks

• The .fmtion file is valid JSON and follows the expected root structure.
• Every selector, port, parameter path, asset reference, state machine state, body ID, and Canvas mount is intentional.
• The file is named, documented, and stored where the owning page or component expects it.

Live checks

• The page loads without console errors caused by the motion file.
• Validation returns no errors. Any warnings have a documented accept/fix decision.
• DOM and Canvas results are visible at first paint, after resize, after interaction, and after route changes.
• Desktop, tablet, mobile, and reduced-motion behavior are checked.

Operational checks

• The motion can be disabled, reverted, or replaced without rebuilding unrelated page content.
• Screenshots or video evidence exist for the final state when the motion is important to the page.
• Performance is acceptable on realistic devices and does not block primary content, forms, bookings, or checkout actions.

Working sample slot

Production checklist: This page reserves a sample location for a later verified example. Add the sample only after the source file, public page, validation output, and visual check all pass.

Faster Motion docs

Use these links to move between the guide set, the deeper reference pages, and the recipe planning pages. Verified working samples will be inserted after this documentation structure is reviewed.

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

Start

• Faster Motion docs map

DOM animation

• DOM selectors and targets
• Scroll animation
• Pointer, hover, and drag inputs
• Text, SVG, and path animation

Reference

• Responsive gates and parameter overrides
• Runtime API reference
• Debug API reference
• Validation errors and warning codes
• Node categories reference

Canvas animation

• Canvas area lifecycle
• Canvas objects, assets, and rendering
• Canvas inputs and state machines

3D and procedural

• 3D scenes, cameras, and lights
• Procedural geometry and fields
• Particles and physics

Operations

• Production checklist

Recipes

• Recipes overview