# Full Bleed Type
URL: https://remocn.dev/docs/typography/full-bleed-type

Huge condensed caps words slam in one at a time, the last lit by a sunrise gradient

- Install: `npx shadcn@latest add @remocn/full-bleed-type`
- Vibe: playful
- Natural length: 57f @ 30fps

## Installation

```bash
npx shadcn@latest add @remocn/full-bleed-type
```

## Usage

```tsx
// src/Root.tsx
import { Composition } from "remotion";
import { FullBleedType } from "@/components/remocn/full-bleed-type";

const FullBleedTypeScene = () => (
  <FullBleedType words={["NO", "DAYS", "OFF", "SHIP"]} beat={11} />
);

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

Each word slams in huge in condensed caps, one per `beat` frames, and the last word is lit by a sunrise gradient. Pass `words` and `beat`; it ships light and dark.

## Props

| Prop | Type | Default | Description |
|---|---|---|---|
| `words` | `string[]` | `["NO", "DAYS", "OFF", "SHIP"]` | Words in reading order, one slam each. Set in caps; the last one is lit by the sunrise gradient. |
| `beat` | `number` | `11` | Frames between two slams. |
| `theme` | `"dark" \| "light"` | `"dark"` | Colour scheme; ships light and dark. |
| `speed` | `number` | `1` | Playback multiplier; above 1 plays faster. |
| `accent` | `string` | — | Kept for the shared draft API; the hero word takes the "rise" gradient instead. |

## Use when
- A fast slogan where huge condensed caps words slam in one at a time and the last one lights up.
- A hard-hitting beat in a social cut, like a four-word promise.

## Don't use when
- You want one word fitted edge to edge with a caption — use `edge-fit`.
- You want a softer stacked slogan with a highlighter — use `chunk-stack`.