# Glitch

A digital hit: RGB channel split and seeded horizontal slice offsets build to a peak, cut to the next scene, then settle.

```bash
npx shadcn add https://www.reelcn.dev/r/glitch.json
```

Usage:

```tsx
<TransitionSeries>
  <TransitionSeries.Sequence durationInFrames={45}>
    <Hook />
  </TransitionSeries.Sequence>
  <TransitionSeries.Transition presentation={glitch({ intensity: 1.2 })} timing={linearTiming({ durationInFrames: 16 })} />
  <TransitionSeries.Sequence durationInFrames={60}>
    <Reveal />
  </TransitionSeries.Sequence>
</TransitionSeries>
```

Use for:

- Tech, gaming and music edits
- Hard cuts that need a jolt of energy

Avoid:

- Calm, premium or corporate pieces. Use `card-push`

Dependencies:

- `@remotion/transitions`
- `remotion`


## Props

| Name | Type | Default | Description |
| --- | --- | --- | --- |
| intensity? | `number` | — | Scales the channel split and slice offsets. |
| slices? | `number` | — | Most horizontal slices displaced at once, reached at the cut. |
| colors? | `string[]` | — | Colors of the thin bars that flash near the cut. Defaults to the theme accent and highlight. |
| seed? | `string \| number` | — |  |