# Frame

Bordered, padded wrapper for screenshots and media — with optional caption.

**Install:** `nimbus-docs add frame`  
**Source:** `src/components/ui/frame/`  
**Canonical:** https://nimbus-docs.com/components/frame/

## Agent payload (JSON)

```json
{
  "slug": "frame",
  "name": "Frame",
  "description": "Decorative outer frame for screenshots and demos.",
  "tagline": "Bordered, padded wrapper for screenshots and media — with optional caption.",
  "install": "nimbus-docs add frame",
  "sourcePath": "src/components/ui/frame/",
  "canonicalUrl": "https://nimbus-docs.com/components/frame/",
  "props": [
    {
      "name": "caption",
      "type": "string",
      "required": false,
      "description": "Caption rendered centred below the media."
    },
    {
      "name": "aspect",
      "type": "string",
      "required": false,
      "description": "Lock the media area to a ratio (e.g. \"16/9\", \"4/3\", \"1/1\"). Inner media is `object-fit: cover`-ed to fill."
    }
  ],
  "registryDependencies": [
    "cn"
  ],
  "dependencies": []
}
```