# Hook Uncurl
URL: https://remocn.dev/docs/typography/hook-uncurl

Stacked condensed caps lines uncurl into place, ending on 'Just make the video.'

- Install: `npx shadcn@latest add @remocn/hook-uncurl`
- Vibe: playful
- Natural length: 78f @ 30fps

## Installation

```bash
npx shadcn@latest add @remocn/hook-uncurl
```

## Usage

```tsx
// src/Root.tsx
import { Composition } from "remotion";
import { HookUncurl } from "@/components/remocn/hook-uncurl";

const HookUncurlScene = () => (
  <HookUncurl question="Why make the video?" answer="Just make the video." />
);

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

Stacked caps lines enter curled, uncurl into place, then swap in a rolling change from the question to the answer. Pass `question` and `answer`; it ships light and dark.

## Props

| Prop | Type | Default | Description |
|---|---|---|---|
| `question` | `string` | `"Why make the video?"` | The question set in stacked caps. |
| `answer` | `string` | `"Just make the video."` | The answer that replaces it. |
| `accent` | `string` | — | Accent colour (any CSS colour). |
| `background` | `string` | — | Overrides the theme background colour. |
| `speed` | `number` | `1` | Playback multiplier; above 1 plays faster. |
| `theme` | `"dark" \| "light"` | `"dark"` | Colour scheme; ships light and dark. |

## Use when
- A hook that asks a question in stacked condensed caps and answers it as the lines uncurl.
- A short social opener, like a challenge answered by a call to action.

## Don't use when
- You want a bigger story with a punchline glyph — use `glyph-relay`.
- You want single words slamming in — use `full-bleed-type`.