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.

The node registry is the generated reference for available graph operations. Category pages help authors find the right kind of node before looking up exact ports and parameters.

Where this fits

How to read node metadata

  • Start with category, context, display name, and description to decide whether the node belongs in the current graph.
  • Then check inputs and outputs to confirm whether the node can connect to the values you already have.
  • Finally check parameters and defaults so the node can be configured without hidden assumptions.

Category map

    • 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
    • distribution: 10 nodes
    • integration: 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

Choosing a node

  • Use input nodes to bring page, pointer, scroll, time, data, or Canvas events into the graph.
  • Use math and procedural nodes to transform values before they reach targets.
  • Use boundary and render-related nodes at the edge where graph values become DOM writes or Canvas scene changes.
  • Use debug output to confirm that the chosen node produces the expected value before adding more downstream nodes.

Working sample slot

Node categories reference: 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

Surfaces

Reference

Start

DOM animation

Reference

Canvas animation

3D and procedural

Operations

Recipes

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