# Crew of One
URL: https://remocn.dev/docs/typography/crew-of-one

A credits roll, Written by / Directed by / Shipped by, all pointing at a big "you"

- Install: `npx shadcn@latest add @remocn/crew-of-one`
- Vibe: playful
- Natural length: 138f @ 30fps

## Installation

```bash
npx shadcn@latest add @remocn/crew-of-one
```

## Usage

```tsx
// src/Root.tsx
import { Composition } from "remotion";
import { CrewOfOne } from "@/components/remocn/crew-of-one";

const CrewOfOneScene = () => <CrewOfOne roles={["Written by", "Directed by", "Shipped by"]} name="you" />;

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

Credit-style role lines roll upward in turn, then gather into place under a large name that has been waiting at the center. Pass `roles` (one string per credit) and `name`; it spaces the roll to fit the composition length.

## Props

| Prop | Type | Default | Description |
|---|---|---|---|
| `roles` | `string[]` | — | Credit lines such as Written by, rolled in order. |
| `name` | `string` | `"you"` | The big name all roles point at. |
| `accent` | `string` | — | Color of the name; 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 credits-roll joke where one person plays every role, ending on who they are.
- A solo-builder message that lists the jobs a tool takes off your plate.
- A closing credits beat for a launch or demo video.

## Don't use when
- You want a list of benefits rather than credits — use `feature-trio`.
- The list should end on the audience, not a name — use `and-you`.
- You want the viewer addressed in several lines — use `they-are-you`.