# Negation Drop
URL: https://remocn.dev/docs/typography/negation-drop

Condensed caps lines rise in, then each negation drops away and its stem word lands on a lime block.

- Install: `npx shadcn@latest add @remocn/negation-drop`
- Vibe: playful
- Natural length: 94f @ 30fps

## Installation

```bash
npx shadcn@latest add @remocn/negation-drop
```

## Usage

```tsx
// src/Root.tsx
import { Composition } from "remotion";
import { NegationDrop } from "@/components/remocn/negation-drop";

const NegationDropScene = () => (
  <NegationDrop
    lines={["You can’t animate.", "You don’t have a team.", "It isn’t done."]}
  />
);

export const RemotionRoot = () => (
  <Composition
    id="NegationDrop"
    component={NegationDropScene}
    durationInFrames={135}
    fps={30}
    width={1280}
    height={720}
  />
);
```

Condensed all-caps lines rise in one after another. Then, line by line, the first contraction (can't, don't, isn't) loses its negation, which falls away, and the remaining stem word lands on a highlighted block while the line closes up. Pass `lines` that each contain a can't, don't or isn't style contraction. It ships light and dark.

## Props

| Prop | Type | Default | Description |
|---|---|---|---|
| `lines` | `string[]` | `DEFAULT_LINES` | Lines to set in caps; the first contraction in each line flips. |
| `accent` | `string` | — | Color of the highlight block behind the kept word. |
| `background` | `string` | — | Background fill; pass "transparent" to drop it. |
| `speed` | `number` | `1` | Playback speed multiplier for the whole timeline. |
| `theme` | `"dark" \| "light"` | `"dark"` | Light or dark palette. |

## Use when
- A myth-busting beat where objections like you can't animate flip into you can.
- A punchy poster-style opener that turns three negative lines into three positive ones, one at a time.

## Don't use when
- The lines have no contractions to flip and should just stack in — use `hook-uncurl`.
- You have one denial with a sheepish reply tucked in the corner — use `coy-denial`.
- One claim should dim while another brightens rather than a word dropping out — use `less-more`.