# Week Shipped
URL: https://remocn.dev/docs/typography/week-shipped

A week-recap list rolls day by day in heavy type, each day followed by what shipped.

- Install: `npx shadcn@latest add @remocn/week-shipped`
- Vibe: playful
- Natural length: 116f @ 30fps

## Installation

```bash
npx shadcn@latest add @remocn/week-shipped
```

## Usage

```tsx
// src/Root.tsx
import { Composition } from "remotion";
import { WeekShipped } from "@/components/remocn/week-shipped";

const WeekShippedScene = () => (
  <WeekShipped entries={[{ day: "Monday,", item: "captions that keep up." }, { day: "Tuesday,", item: "shaders you can scrub." }]} />
);

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

Each entry rolls in as a day name followed by its shipped item, stepping through the week at a fitted pace. Pass `entries` with `day` and `item` for each line. It ships in light and dark through the `theme` prop.

## Props

| Prop | Type | Default | Description |
|---|---|---|---|
| `entries` | `WeekShippedEntry[]` | `DEFAULT_ENTRIES` | List of `{ day, item }` pairs, one per line. |
| `accent` | `string` | — | Accent color override; falls back to the theme accent. |
| `background` | `string` | — | Background color override; falls back to the theme background. |
| `speed` | `number` | `1` | Playback speed multiplier for the whole timeline. |
| `theme` | `"dark" \| "light"` | `"dark"` | Ships light and dark; picks the palette. |

## Use when
- A weekly changelog video that recaps what shipped each day.
- A sprint-review beat where each day maps to one deliverable.
- A build-in-public recap that ends with a rest day or a final surprise.

## Don't use when
- Each item needs a longer description or screenshot — use `changelog-scroll`.
- The list is features, not days, and should show as chips — use `feature-chips-flow`.
- You want a counted-down series rather than a week — use `nonstop`.