# Whip Pan
URL: https://remocn.dev/docs/transitions/whip-pan

Whip the camera sideways with motion blur so both scenes fly through the frame in one move

- Install: `npx shadcn@latest add @remocn/whip-pan`
- Vibe: playful
- Natural length: 26f @ 30fps

## Installation

```bash
npx shadcn@latest add @remocn/whip-pan
```

## Usage

`whipPan()` is a Remotion transition presentation. Pass it to a
`TransitionSeries.Transition` between two sequences. Both scenes travel in the
same direction as one continuous camera whip — blur and a subtle smear stretch
peak at maximum velocity mid-transition and hide the seam. It lives on speed:
keep it around 26 frames.

```tsx
import { TransitionSeries, linearTiming } from "@remotion/transitions";
import { whipPan } from "@/components/remocn/whip-pan";

export const MyVideo = () => (
  <TransitionSeries>
    <TransitionSeries.Sequence durationInFrames={70}>
      <SceneA />
    </TransitionSeries.Sequence>
    <TransitionSeries.Transition
      timing={linearTiming({ durationInFrames: 26 })}
      presentation={whipPan()}
    />
    <TransitionSeries.Sequence durationInFrames={70}>
      <SceneB />
    </TransitionSeries.Sequence>
  </TransitionSeries>
);
```

## Props

`whipPan(props)` accepts:

| Prop | Type | Default | Description |
|---|---|---|---|
| `direction` | `string` | `"left"` | Direction the camera whips. One of left, right, up, down. |
| `blur` | `number` | `24` | Peak motion blur in pixels at maximum velocity. |

## Use when
- Cuts need to feel fast and energetic — feature-to-feature jumps, montage rhythm, tech demos.
- Scenes are peers in a sequence and the narrative moves sideways (or up/down a stack).
- You need the workhorse directional cut — this is the default kinetic transition of the catalog.

## Don't use when
- The moment is calm or contemplative — the whip reads as urgency; use `focus-pull`.
- More than ~3 whips in a row in the same direction — vary direction or alternate with `fade-through`.