# Beta Thanks
URL: https://remocn.dev/docs/typography/beta-thanks

"Remocn is out" with a green "out", thanking the beta testers below

- Install: `npx shadcn@latest add @remocn/beta-thanks`
- Vibe: clean
- Natural length: 94f @ 30fps

## Installation

```bash
npx shadcn@latest add @remocn/beta-thanks
```

## Usage

```tsx
// src/Root.tsx
import { Composition } from "remotion";
import { BetaThanks } from "@/components/remocn/beta-thanks";

const BetaThanksScene = () => <BetaThanks tag="beta" status="is out." before="Thank you," after="testers." />;

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

The logo and a small tag appear, the tag lifts out and slides into place beside the logo as the status word lands, then a thank-you line fades in below. Pass `tag`, `status`, `before` and `after`, or a `logo` node of your own; it speeds up to fit shorter compositions.

## Props

| Prop | Type | Default | Description |
|---|---|---|---|
| `logo` | `React.ReactNode` | — | Custom logo node; defaults to the Remocn logo. |
| `tag` | `string` | `"beta"` | Small tag that lifts out and slides next to the logo. |
| `status` | `string` | `"is out."` | Status line that lands beside the logo. |
| `before` | `string` | `"Thank you,"` | First half of the thank-you line. |
| `after` | `string` | `"testers."` | Second half of the thank-you line. |
| `accent` | `string` | — | Color of the tag and status; 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 thanks-to-testers or early-access closing beat in a release video.
- A status announcement where one word, like beta, moves into the logo lockup.
- A short logo plus status line before a final call to action.

## Don't use when
- You are announcing a launch with a long list of features — use `embargo-lift`.
- You want a simple closing line with no logo — use `plain-license`.
- You want a thanks and next-step card — use `post-script`.