# Stage

Perspective studio plane: a look-at camera that pans and zooms between normalized targets, plus a contact-shadow floor and a soft key light, both usable standalone.

```bash
npx shadcn add https://www.reelcn.dev/r/stage.json
```

Usage:

```tsx
<Stage keyframes={[{ frame: 0, targetX: 0.5, targetY: 0.5 }, { frame: 60, targetX: 0.7, targetY: 0.3, zoom: 1.6 }]}>
  <Stage.Floor shadow="soft" />
  <Stage.KeyLight angle={35} />
  <Img src={staticFile("product.png")} style={{ width: "100%" }} />
</Stage>
```

Use for:

- A product shot staged on a lit floor that the camera moves around
- Pairing with `laptop-frame`/`phone-frame`/`browser-window` for a studio-lit device shot

Dependencies:

- `remotion`


## Props

| Name | Type | Default | Description |
| --- | --- | --- | --- |
| keyframes | `StageKeyframe[]` | — |  |
| children? | `ReactNode` | — |  |
| style? | `CSSProperties` | — |  |
| className? | `string` | — |  |