Help guide

Node categories reference

Updated June 20, 2026

Node categories reference

Product media placeholder

Replace this area with a screenshot or short walkthrough video during the media sweep.

Categories help readers find the right family before they need exact node parameters. Counts come from the generated registry for this docs pass.

Current categories

    • inputs: 51 nodes
    • text: 31 nodes
    • animation: 28 nodes
    • boundary: 27 nodes
    • paths: 24 nodes
    • math: 17 nodes
    • solvers: 16 nodes
    • effects: 15 nodes
    • skeleton: 13 nodes
    • constraints: 11 nodes
    • integration: 10 nodes
    • distribution: 10 nodes
    • procedural: 9 nodes
    • state-machine: 8 nodes
    • falloff: 6 nodes
    • media: 5 nodes
    • bundles: 4 nodes
    • data: 3 nodes
    • attributes: 2 nodes
    • deformers: 2 nodes

Common category choices

  • inputs: use when external time, scroll, pointer, keyboard, or page state starts the graph.
  • boundary: use when the graph reads from or writes to DOM, Canvas, or scene objects.
  • animation: use for timeline, tween, keyframe, stagger, playback, and timing logic.
  • text and paths: use for split text, glyph bundles, SVG paths, path progress, and path geometry.
  • procedural, distribution, falloff, and solvers: use for generated visuals and physically influenced motion.
  • skeleton and state-machine: use for rigged, layered, or mode-based motion.

Reference rules

  • Do not invent a node type from category names. Use the generated node registry for exact type strings.
  • Do not guess port names from labels. Use the descriptor inputs and outputs.
  • When a descriptor marks a port dynamic, confirm the parameter shape that creates the port.

Verified runnable examples

This guide points to proof-backed sample coverage. The full ledger lives in Generated examples and proof log.

DOM: Scroll fade reveal

  • Source: faster-motion/demo/tests/dom/catalog/scroll-animations/fade-reveal/fade-reveal.domgraph.fmtion
  • Expected output: Sections fade and translate into place as their trigger elements enter the configured viewport range.
  • Validation: Schema validation passed. Runtime proof reports zero structural/runtime issues and 17 loaded nodes.
  • Desktop proof: generated-assets/faster-motion-docs/proofs/screenshots/dom-fade-reveal-desktop.png
  • Mobile proof: generated-assets/faster-motion-docs/proofs/screenshots/dom-fade-reveal-mobile.png

Canvas: Fill rule diagnostic

  • Source: faster-motion/demo/tests/canvas/fillrule-diagnostic/fillrule-diagnostic.fmtion
  • Expected output: A contained Canvas scene renders paired path cases so nonzero and evenodd fill handling can be compared visually.
  • Validation: Schema validation passed. Runtime proof reports zero blocking runtime issues and 10 rendered objects; the accepted metadata note is preserved in the proof ledger.
  • Desktop proof: generated-assets/faster-motion-docs/proofs/screenshots/canvas-fillrule-diagnostic-desktop.png
  • Mobile proof: generated-assets/faster-motion-docs/proofs/screenshots/canvas-fillrule-diagnostic-mobile.png

Guide-specific sample target: Category browser sample with one category index, one node page, and one cross-link back to a guide page.

Faster Motion docs

Use this local map together with the left navigation. The source-backed content tree controls the main article order; this section keeps related pages one click away.

Start

DOM animation

Canvas animation

3D and procedural

Reference

Was this guide helpful?

Sunny Arora

Written by

Sunny Arora

Get technical deep dives delivered to your inbox

Join creators and developers who get exclusive insights, tutorials, and behind-the-scenes content every week.

No spam. Unsubscribe anytime.

Continue Exploring

You might also enjoy