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

# Frame

Frame : `GuiObject`

## Overview

Frame is a base container UI object that is used to structurally bind a variety of GUI elements.

Frame in particular, is suitable when creating a reactive UI layout. Because it supports all the basic GUI elements, background color, transparency, and other styles can be freely customized.

Frame can be controlled only in **client environment**.

## Properties

### BorderColor3

`Color3`

Sets the color of the Frame's border.

If BorderPixelSize is 0, this property has no visual effect regardless of the value assigned.

#### Code Samples

```lua
local Frame = script.Parent

Frame.BorderColor3 = Color3.fromRGB(220, 50, 50)
```

### BorderMode

`Enum.BorderMode`

Determines how the border is rendered relative to the Frame's boundary.

Controls which direction the border extends from the Frame's edge, which may affect overlap and spatial calculations with other UI elements in a layout.

#### Code Samples

```lua
local Frame = script.Parent

Frame.BorderMode = Enum.BorderMode.Inset
```

### BorderPixelSize

`number`

Specifies the thickness of the Frame's border in pixels.

Setting this value to 0 disables border rendering entirely. Integer values are recommended; negative values are not allowed.

#### Code Samples

```lua
local Frame = script.Parent

Frame.BorderPixelSize = 3
```

## Methods

## Events

## See also

{% content-ref url="/pages/Hgp8bh8C44modKPwUBkg" %}
[GUI](/manual/studio-manual/gui.md)
{% endcontent-ref %}


---

# Agent Instructions
This documentation is published with GitBook. GitBook is the documentation platform designed so that both humans and AI agents can read, navigate, and reason over technical content effectively. Learn more at gitbook.com.

## 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.overdare.com/development/api-reference/classes/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.