# 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="https://2905187046-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F1O25QgF7NUwiK2Ek4ro8%2Fuploads%2Fb8nCsioCJtNwDaIWjTfI%2FEnable%20Site%20Frame.jpg?alt=media&#x26;token=bbd8be78-b288-452b-8cac-9c03f6f9762b" 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="https://2905187046-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F1O25QgF7NUwiK2Ek4ro8%2Fuploads%2FJcWzu5A2Cq0PQOXIozic%2FSite%20Frame.jpg?alt=media&#x26;token=ece4b75f-01e9-44c5-be02-ede79e11bed3" alt=""><figcaption><p>Preview of the site frame while editing it</p></figcaption></figure>