Help guide

DOM Indexed Dock node

Updated June 21, 2026

DOM Indexed Dock node

Product media placeholder

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

Dock a source element onto the Nth child of a list, where N is derived from a 0..1 progress input. Sibling to domDockTo (which docks onto a static target). Used for typewriter cursors, scanning highlights, focus rings, and any "park X on the active item in a sequence" effect.

Type domIndexedDockCategory boundaryContext sharedDynamic ports noCompound no

Inputs

PortTypeDescription
progressfloatProgress

Outputs

PortTypeDescription
offsetXfloatOffset X (px)

Parameters

ParameterTypeDefaultDescription
sourceSelectorstring""Source Element
childSelectorstring""Indexed Children

Envelope

Use domIndexedDock as the node type inside a graph node envelope. Add id, optional params, optional connections, and optional activeWhen based on the guide context.

Generated source

Registry faster-motion-docs/node-registry.jsonCategory page /help/faster-motion/faster-motion-node-category-boundary/

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