Staggered Fade Up
Staggered Fade Up text animation for Remotion.
PrimitivePrimitivesAdvanced
staggered-fade-up30fps · 960×540
Install
$ npx remotion-ui@latest add staggered-fade-upStaggered Fade Up text animation primitive.
Agent notes
Install first, then import the copied source component locally. AI guide →
Import
@/remotion/primitives/staggered-fade-up- Use when: frame-level motion primitives and reusable animation wrappers.
- Customize: text, staggerInFrames, plus copied source for timing, layout, colors, and typography.
- Rule: do not import this component from the
remotion-uinpm package; it is copied into your project.
Usage
Example
import { StaggeredFadeUp } from "@/remotion/primitives/staggered-fade-up";
<StaggeredFadeUp text="Words rise in sequence" />API Reference
| Prop | Type | Default | Description |
|---|---|---|---|
| text* | string | - | Space-separated words to stagger. |
| staggerInFrames | number | 4 | Delay between words. |