Frame

Frame wraps content in a bordered container, ideal for images and demos.

Basic Frame

<Frame>

  ![City skyline](/images/city-skyline.jpg)

</Frame>

Add a caption below the frame:

<Frame caption="New York City at dusk">

  ![City skyline](/images/city-skyline.jpg)

</Frame>

Frame works with any content, not just images:

✓ Build completed successfully
✓ 42 pages generated
✓ Deployed to production

Example code output

Document your UI with framed screenshots.

Settings page

Wrap diagrams and flowcharts in frames for consistent styling.

Architecture overview

string

Optional text below the frame.