Recipes are practical graph plans. They describe the wiring pattern, checks, and sample slot for common effects without publishing unverified code examples.

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.

DOM recipe families

• Scroll reveal: trigger progress feeds opacity, translate, and optional stagger.
• Pointer depth: pointer progress controls transform, shadow, or Canvas parameters with smoothing and bounds.
• Text reveal: split text creates pieces, and a timeline or scroll trigger controls piece opacity and transform.
• Path follow: progress controls object position and orientation along a path.

Canvas recipe families

• Interactive particles: pointer input influences emitter or field parameters.
• Stateful scene: clicks, scroll, or timeline events move a Canvas state machine between named modes.
• Procedural layout: seeded distributions place repeated objects and a field animates their movement.
• 3D hero visual: camera, lights, and object transforms are controlled by scroll or pointer progress.

How recipes will become samples

• Each recipe needs a minimal source file, a live page mount, validation output, and a visual screenshot before it becomes a working sample.
• Samples should be inserted only after they run on the public site and pass desktop/mobile visual checks.
• Recipe pages should link back to the production checklist so examples do not bypass publishing discipline.

Working sample slot

Recipes overview: 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