FIG-001/ OPTIONAL MOTION

streaming text motion.

Choose an explicitly imported preset or control every segment with a headless snippet. Only arriving text animates; existing content stays visible.

Import FadeWords, RiseWords or FadeCharacters from @humanspeak/svelte-markdown/streaming/motion and register it as the rawtext renderer. Nothing animates unless you opt in.
FadeWords and RiseWords reveal each word with a soft left-to-right ink wipe. Pass ink={false} to turn it off or ink={{ duration }} to retime it.
Override initial, animate and transition, or replace the markup entirely with a segment snippet built on the headless StreamingText.
You decide when motion runs through enabled — wire it to prefers-reduced-motion, as this demo does. See the streaming text API guide.

presets · fade · rise · charactersmotion · @humanspeak/svelte-motion mode · live running source

TEXT / ARRIVAL MOTION ○ ready

Effect Duration preset default Arrival pace 100 ms / word Disable motion

Each new word fades and inks into the sentence. Choose an effect, then stream the sample.

System reduced motion · animation off

PLAIN / NO ANIMATIONsame stream

SELECTED / fade-words 0/91 words

The notebook is already open. This passage stays in place while the next part of the story arrives.

category · optional motion

sheet · sheet 01 / 01

⟳ to re-run

Streaming Text Motion