Transition Wipe
Wipe transition helper for TransitionSeries.
PrimitiveTransitionsAdvanced
transition-wipe30fps · 960×540
Install
$ npx remotion-ui@latest add transition-wipeExports transitionWipe() for directional wipe transitions between scenes.
Agent notes
Install first, then import the copied source component locally. AI guide →
Import
@/remotion/primitives/transition-wipe- Use when: scene transitions and composition pacing.
- Customize: durationInFrames, direction, 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 { transitionWipe } from "@/remotion/primitives/transition-wipe";
<TransitionSeries.Transition {...transitionWipe({ direction: "from-left" })} />API Reference
| Prop | Type | Default | Description |
|---|---|---|---|
| durationInFrames | number | 20 | Transition overlap length. |
| direction | string | "from-left" | Wipe direction. |