Help guide

Bool Tween node

Updated June 21, 2026

Product media placeholder

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

Smoothly tween a 0..1 progress toward a bool target over a fixed duration. Used to drive DOM animations from bool parameters (hover/click toggles). Emits linear progress so downstream multiKeyframe can carry the ease curve.

Type boolTweenCategory animationContext sharedDynamic ports noCompound no

Inputs

PortTypeDescription
targetanyTarget

Outputs

PortTypeDescription
progressfloatProgress

Parameters

ParameterTypeDefaultDescription
durationfloat300Duration (ms) min 0; max 10000; step 10
delayfloat0Delay (ms) min 0; max 10000; step 10

Envelope

Use boolTween 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-animation/

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