# Stripe Wipe

A band of tapered diagonal stripes sweeps across the frame, wiping the next scene in behind it.

```bash
npx shadcn add https://www.reelcn.dev/r/stripe-wipe.json
```

Usage:

```tsx
<TransitionSeries>
  <TransitionSeries.Sequence durationInFrames={60}>
    <Score />
  </TransitionSeries.Sequence>
  <TransitionSeries.Transition presentation={stripeWipe({ stripes: 6 })} timing={linearTiming({ durationInFrames: 24 })} />
  <TransitionSeries.Sequence durationInFrames={60}>
    <Highlights />
  </TransitionSeries.Sequence>
</TransitionSeries>
```

Use for:

- Energetic scene changes in sports, promo and social edits
- Wipes that should carry the brand color

Dependencies:

- `@remotion/transitions`
- `remotion`


## Props

| Name | Type | Default | Description |
| --- | --- | --- | --- |
| colors? | `string[]` | — | Stripe colors, cycled from the wipe edge forward. Defaults to the theme accent. |
| stripes? | `number` | — | Number of stripes in the band. |
| direction? | `"left" \| "right"` | — | Which way the wipe travels. |
| angle? | `number` | — | Lean of the stripes in degrees. |