> ## Documentation Index
> Fetch the complete documentation index at: https://context7.com/docs/llms.txt
> Use this file to discover all available pages before exploring further.

# Frames

> Present images, videos, and embeds with an optional caption

Wrap visual content in `<Frame>`.

## Usage

```mdx theme={null}
<Frame caption="A framed preview">
  <div style={{ padding: "3rem", textAlign: "center" }}>
    Screenshot or video
  </div>
</Frame>
```

Use `width` to constrain the frame or `fullWidth` to fill the content column.

## Example

<Frame caption="A framed preview">
  <div style={{ padding: "3rem", textAlign: "center" }}>
    Screenshot or video
  </div>
</Frame>
