# And You
URL: https://remocn.dev/docs/typography/and-you

A list of audiences ("For the founder who...") ends on a big "and you."

- Install: `npx shadcn@latest add @remocn/and-you`
- Vibe: playful
- Natural length: 127f @ 30fps

## Installation

```bash
npx shadcn@latest add @remocn/and-you
```

## Usage

```tsx
// src/Root.tsx
import { Composition } from "remotion";
import { AndYou } from "@/components/remocn/and-you";

const AndYouScene = () => <AndYou clauses={["For the founder who launches on Monday,", "the designer who just learned React,", "the two-person studio,"]} last="and you." />;

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

A list of audiences scrolls in clause by clause, each one stacking under the last, then they dim and a big closing phrase rises at the bottom of the frame. Pass `clauses` (one string per audience) and `last` for the closing words; it spaces the clauses to fit the composition length.

## Props

| Prop | Type | Default | Description |
|---|---|---|---|
| `clauses` | `string[]` | — | Audience clauses, each shown in turn and stacked. |
| `last` | `string` | `"and you."` | Closing words shown large at the bottom. |
| `accent` | `string` | — | Color for the closing phrase; defaults to the theme accent. |
| `background` | `string` | — | Stage fill color; pass "transparent" to overlay your own footage. |
| `speed` | `number` | `1` | Playback multiplier for the whole timeline. |
| `theme` | `"dark" \| "light"` | `"dark"` | Color scheme; ships dark and light. |

## Use when
- A who-it's-for beat that lists several audiences and ends by addressing the viewer.
- An inclusive closing statement near the end of a launch video.
- A list of three to five short clauses that should read as one sentence.

## Don't use when
- You want three short benefit words instead of audiences — use `feature-trio`.
- The lines are separate claims that should dim toward one — use `what-sticks`.
- Each line should be a full-screen beat — use `point-expand`.