Help guide

Parallax node

Updated June 21, 2026

Product media placeholder

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

Convert scroll progress to parallax pixel offset

Type parallaxCategory mathContext sharedDynamic ports noCompound no

Inputs

PortTypeDescription
progressfloatProgress

Outputs

PortTypeDescription
offsetfloatOffset

Parameters

ParameterTypeDefaultDescription
speedfloat0.5Speed min -10; max 10; step 0.1
rangefloat-1Range (px) min -1; max 5000; step 10

Related nodes

Envelope

Use parallax 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-math/

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