Text and path effects work best when the graph creates stable pieces, then writes motion to those pieces through a predictable selector or path reference.

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.

Text splitting

• Split text into lines, words, or characters only when the visual effect needs that granularity.
• Prefer graph outputs that expose the generated piece selector instead of hardcoding generated classes downstream.
• Re-check text effects after content edits because line breaks and word count can change the animation structure.

SVG and path motion

• Path progress can control trim, offset, follow, or reveal effects. Keep path ownership clear so one branch owns the active stroke or transform result.
• For path-following effects, verify start/end orientation and edge cases at progress 0 and 1.
• When a path lives inside responsive SVG, confirm the viewbox and rendered dimensions stay aligned with the target motion.

Publishing checks

• Inspect target selectors after any CMS text change.
• Check that generated text pieces do not break selectable copy, layout, or screen-reader meaning.
• Use reduced-motion behavior for high-frequency text effects, long repeated sequences, or effects near primary calls to action.

Working sample slot

Text, SVG, and path animation: 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