Adventureland Registry
Motion / Effects

Streaming Text

Reveal text word-by-word with a blur fade-in and a small upward drift.

RemotionStreamingText reveals a string one word at a time, each word fading from blurred to sharp while lifting a few pixels into place. Timing is frame-driven (useCurrentFrame + interpolate), so it renders deterministically in Remotion and plays back smoothly in the Player.

Installation

npx shadcn@latest add @adv/streaming-text

Usage

import { RemotionStreamingText } from '@adv/motion';

<RemotionStreamingText text="Words blur in one by one" startFrame={0} durationFrames={55} />

Example

On this page