# Flash

Full-frame flash with a near-instant attack and an exponential decay, fired at `delay`.

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

Usage:

```tsx
<Flash delay={24} strength={0.8} />
```

Use for:

- Hitting a beat, a drop or a hard cut
- Camera-flash moments and reveals

Avoid:

- A slow, warm glow over footage. Use `light-leak`

Dependencies:

- `remotion`


## Props

| Name | Type | Default | Description |
| --- | --- | --- | --- |
| delay? | `number` | — | Frames to wait before entering. |
| duration? | `number` | — | Enter duration in frames. Defaults to 0.6s. Some items reuse `duration` for an unrelated local timing. See that item's own prop docs. |
| exit? | `number \| boolean` | — | Exit at the end of the parent `<Sequence>`. `false` keeps it on screen, a number sets the exit length in frames. |
| motion? | `MotionPersonality` | — | Override the theme's motion personality. |
| poster? | `boolean` | — | Renders fully entered, with no exit: for a still frame or thumbnail. Defaults to `false`. |
| holdFrames? | `number` | — | Delays the start of the exit window by this many frames, for a minimum on-screen hold. Defaults to `0`. |
| color? | `string` | — | Flash color. Defaults to the theme foreground. |
| strength? | `number` | `0.9` | Peak opacity, 0-1. |
| attack? | `number` | `2` | Frames from `delay` to full strength. |
| blendMode? | `MixBlendMode` | `"normal"` | How the flash blends with the frame below, e.g. `screen` to brighten rather than cover. |
| decayFrames? | `number` | — | Frames from the peak until about 1% is left. Wins over `duration`. Defaults to 0.6s. |
| style? | `CSSProperties` | — |  |
| className? | `string` | — |  |