# Kill Feed
URL: https://remocn.dev/docs/typography/kill-feed

A kill-feed of eliminations builds to a big gradient 'PENTA SHIP' banner

- Install: `npx shadcn@latest add @remocn/kill-feed`
- Vibe: playful
- Natural length: 69f @ 30fps

## Installation

```bash
npx shadcn@latest add @remocn/kill-feed
```

## Usage

```tsx
// src/Root.tsx
import { Composition } from "remotion";
import { KillFeed } from "@/components/remocn/kill-feed";

const KillFeedScene = () => (
  <KillFeed kills={["Manual keyframes", "Render queue", "Stock templates"]} banner="Triple ship" />
);

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

Elimination lines drop into a game-style feed one by one with streak callouts, and the last kill fires a gradient banner with a caption. Pass `kills`, `callouts`, `banner` and `caption`; it ships light and dark.

## Props

| Prop | Type | Default | Description |
|---|---|---|---|
| `kills` | `string[]` | — | One feed line per elimination, in order. Remocn is always the one getting the kill. |
| `callouts` | `string[]` | — | The streak callout after each kill, bottom left. The last kill fires the banner instead. |
| `banner` | `string` | `"Penta ship"` | The multi-kill banner that slams across the middle after the last kill. |
| `caption` | `string` | `"5 / 5 eliminated"` | Small line under the banner, next to the logo. |
| `accent` | `string` | `"#3B5BFD"` | Small markers: the streak tick and the caption rule. |
| `theme` | `"dark" \| "light"` | `"dark"` | Colour scheme; ships light and dark. |
| `speed` | `number` | `1` | Playback multiplier; above 1 plays faster. |

## Use when
- A playful recap where each shipped win lands as a kill in a game-style feed.
- A feature roundup that builds to a big multi-kill banner.

## Don't use when
- You want a single boss defeated by named hits — use `boss-bar`.
- You want a plain list of items — use `index-list`.