Zoom Through
Camera push-through zoom transition for TransitionSeries.
PrimitiveTransitionsAdvanced
zoom-through30fps · 960×540
Install
$ npx remotion-ui@latest add zoom-throughExports transitionZoomThrough() and getTransitionZoomThroughDuration() for use with TransitionSeries.Transition.
Requires @remotion/transitions. Run npx remotion add @remotion/transitions if not already installed.
Agent notes
Install first, then import the copied source component locally. AI guide →
Import
@/remotion/primitives/zoom-through- Use when: scene transitions and composition pacing.
- Customize: durationInFrames, enterScale, exitScale, 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 { transitionZoomThrough } from "@/remotion/primitives/zoom-through";
<TransitionSeries.Transition {...transitionZoomThrough({ enterScale: 1.45 })} />API Reference
| Prop | Type | Default | Description |
|---|---|---|---|
| durationInFrames | number | 22 | Transition overlap length. |
| enterScale | number | 1.45 | Incoming scene start scale. |
| exitScale | number | 0.82 | Outgoing scene end scale. |