Cuts
Transition Clock Wipe
Clock wipe transition helper for TransitionSeries.
PrimitivecutsAdvanced
Install
npx remotion-ui@latest add transition-clock-wipeExports transitionClockWipe() for circular clock-wipe scene transitions.
AI usage
Install first, then import the copied source component locally.
Install
npx remotion-ui@latest add transition-clock-wipeImport after install
@/remotion/primitives/transition-clock-wipe- Use when: scene transitions and composition pacing.
- Customize: durationInFrames, width, height, 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
import { transitionClockWipe } from "@/remotion/primitives/transition-clock-wipe";
<TransitionSeries.Transition {...transitionClockWipe({ width: 1920, height: 1080 })} />API Reference
| Prop | Type | Default | Description |
|---|---|---|---|
| durationInFrames | number | 24 | Transition overlap length. |
| width* | number | — | Composition width. |
| height* | number | — | Composition height. |