Responsive motion is not only a CSS problem. The motion graph needs to know which nodes are active and which parameters change when layout, input mode, or viewport size changes.

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.

When to gate nodes

• Gate a node when the target element, input behavior, or visual effect should not exist at a breakpoint.
• Keep gated branches self-contained so inactive nodes do not leave orphaned wires or missing writes.
• Use gates to remove heavy or unnecessary Canvas work on smaller devices when the visual would not be useful.

When to override parameters

• Use parameter overrides when the same graph should stay active but values need to change, such as distance, duration, scale, density, or trigger edges.
• Keep override paths specific and verify every path exists in the resolved parameter object.
• Avoid changing the type of a parameter across breakpoints unless the graph explicitly accepts that shape.

Validation and review

• Invalid media queries should be treated as publish blockers because they can make a gate or override always active.
• Review each breakpoint with the debug API so you can see which gates and overrides applied.
• Document intentional warnings in the source plan or implementation notes so future maintainers know they are accepted tradeoffs.

Working sample slot

Responsive gates and parameter overrides: 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