Product media placeholder
Replace this area with a screenshot or short walkthrough video during the media sweep.
Scramble a single character — cycles through a charset and settles on the original, driven by a 0..1 progress input. Authors pick one or more string write targets via `channels` (textContent, attribute like aria-label / title / data-*, CSS style property, CSS custom var). Compound: expands to `scrambleCompute` + one `domStringWrite` per channel at load time — no runtime class.
Type textScrambleAnimationCategory textContext sharedDynamic ports noCompound yes
Inputs
| Port | Type | Description |
|---|---|---|
progress | float | Progress |
Outputs
| Port | Type | Description |
|---|---|---|
| - | - | No ports declared. |
Parameters
| Parameter | Type | Default | Description |
|---|---|---|---|
selector | elementSelector | "" | Target Selector |
originalText | string | "" | Original Character |
charset | string | "ABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789!@#$%&*" | Character Set |
count | int | 8 | Total Characters min 1; step 1 |
index | int | 0 | Character Index min 0; step 1 |
speed | float | 1 | Cycle Speed min 0; step 0.1 |
revealDelay | float | 0 | Reveal Delay (0..1) min 0; max 0.999; step 0.05 |
channels | stringChannels | {"textContent":{"propertyName":"textContent","writeMode":"textContent"}} | Channels |
Envelope
Use textScrambleAnimation 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-text/