> For the complete documentation index, see [llms.txt](https://docs.kaliumtheme.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.kaliumtheme.com/styling/site-frame.md).

# Site Frame

Site frame is an optional feature that can be added to your site where it adds a border around your entire site. It is usually used by creative sites which want to have an unique experience of showcasing their services / products.

To enable the Site Frame go to **Appearance** -> **Customize** -> **Styling** -> **Site Frame** and click the toggle on the right to enable it:

<figure><img src="/files/ltgoZ0IhT1oYvDljrWHl" alt="" width="351"><figcaption><p>Enabling Site Frame</p></figcaption></figure>

There are variety of options that allow you to customize the look of the frame and the changes are shown on realtime while you edit them:

* **Color** - The color of the border.
* **Width** - The width of the border, responsive value.
* **Radius** - The radius of the border, responsive value.
* **Animation** - The entrance animation when the page first loads.
* **Duration** - The duration of animation (*in seconds*).
* **Delay** - The time to wait before animation starts (*in seconds*).
* **Visible On** - Toggle the device viewports where the site frame / border will be shown.

<figure><img src="/files/fFH7r4zE6tCZsA5tgHJK" alt=""><figcaption><p>Preview of the site frame while editing it</p></figcaption></figure>