# Frame

A custom frame is a vuejs component that serves as the root component for a website, rendering common elements like headers and footers across all pages. It functions similarly to a WordPress theme, providing a consistent layout and design throughout the site. One must assign a frame to a site while creating it in the site builder.

The frame utilizes a special component called `McRenderNode`, which acts as a placeholder for dynamic content. When a specific page is requested, MechCloud injects the page's content into the frame at the location of the `<mc-render-node />` tag. This approach ensures that while the frame maintains consistent elements like the header and footer, the main content area is dynamically populated based on the requested page.

Additionally, custom frames can incorporate navigation elements using components like `McNavigationLink`. This component facilitates the creation of top-level navigation by linking to different site nodes, enhancing the user experience with intuitive site traversal.

By developing custom frames, developers can define the overarching structure and appearance of their MechCloud sites, ensuring a cohesive and dynamic user experience across all pages.

### Parameters


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://docs.mechcloud.io/dashboard-builder/custom-components/frame.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.