Help guide

Text Decompose node

Updated June 21, 2026

Text Decompose node

Product media placeholder

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

Pure text-data transform. Splits one or more source strings into an array of strings by granularity (char/word/sentence/line) and optionally reshapes into a cumulative pyramid (prefixes/suffixes). Decouples the data-shape problem from animation — feed items[] into textSequence, variantStagger, or any index-driven consumer. Example: granularity=char, shape=prefixes on "Sunny" → ["S","Su","Sun","Sunn","Sunny"] (classic typewriter). Input precedence (highest wins): `sources` stringArray port (multi-source — typically wired from domStringArrayRead for i18n cycles), `sources` string[] param, `text` string port (single-source wire), `text` string param. Multi-source mode decomposes each entry and concatenates — one graph chain types through every word in order. Emits a parallel `itemSources: floatArray` output that tags each item with its source index — lets downstream nodes drive per-source side effects (per-word colors, opacities, etc.) without re-deriving boundaries.

Type textDecomposeCategory textContext sharedDynamic ports noCompound no

Inputs

PortTypeDescription
textstringText
sourcesstringArraySources

Outputs

PortTypeDescription
itemsstringArrayItems
countfloatCount
itemSourcesfloatArrayItem → Source

Parameters

ParameterTypeDefaultDescription
textstring""Source text (fallback)
granularityenum"char"Granularity options char, word, sentence, line
shapeenum"atoms"Shape options atoms, prefixes, suffixes
includeEmptyboolfalsePrepend empty entry
stripWhitespaceboolfalseStrip whitespace-only entries
separatorstring-Custom separator (overrides granularity)

Envelope

Use textDecompose 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/

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