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

# UI PANES

An introduction  to the Interface

## Overview

The YanusLIVE UI consists of five main panes: **Record Device**, **Actor**, **Character**, **Values**, and **Actor Profile**. The Actor pane acts as the primary and central workspace. Users can show or hide each pane, enabling flexible layout customization based on different usage scenarios.

{% hint style="info" %}
The Record Device pane title changes dynamically with the selected device.
{% endhint %}

For details on each pane’s composition, please see the link below. This section covers the adjustment of the overall UI layout.

* Device Pane

  * [OBS Studio](/yanuslive/ui-panes/device-pane/obs-studio.md)
  * [HyperDeck](/yanuslive/ui-panes/device-pane/hyperdeck.md)

  Connection and recording options with trigger, including video play added to the list
* [Actor Pane](/yanuslive/ui-panes/actor-pane.md)

  Video Capture mode selection and display settings, with key function controls
* [Character Pane](/yanuslive/ui-panes/character-pane.md)

  Monitoring the streaming data applied to the Character
* [Values Pane](/yanuslive/ui-panes/values-pane.md)

  Monitoring data, including Neutral, Retarget, and Max options
* [Actor Profile Pane](/yanuslive/ui-panes/actor-profile-pane.md)

  Retargeting settings for Scale and Offset And managing Actor Profile settings files.

<figure><img src="https://3479593160-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FaCVNsar8ZEfoLG1XkC2o%2Fuploads%2Fznv5qDuPVFDmLm7o6Ssn%2Fimage.png?alt=media&amp;token=1795182b-ba97-445d-ab59-47bfc8061acf" alt=""><figcaption><p>Pane Structure of YanusLIVE</p></figcaption></figure>

## Display Options

The Pane Splitter Handle and Pane View Icons allow you to show or hide panes based on their functions.

#### Visibility Icons

<figure><img src="https://3479593160-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FaCVNsar8ZEfoLG1XkC2o%2Fuploads%2FJW3MjoB8xiRS9bbndOZi%2Fimage.png?alt=media&amp;token=696d0ad3-26ba-4243-853d-e026bbac176d" alt="" width="563"><figcaption><p>Icons of the View Pane</p></figcaption></figure>

1. View Device (OBS Studio / HyperDeck)
2. View Character
3. View Values
4. View Actor Profile

<figure><img src="https://3479593160-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FaCVNsar8ZEfoLG1XkC2o%2Fuploads%2FJY6ctFMasZvIBjfDcZYf%2FView_Panes.gif?alt=media&amp;token=48ec939e-f103-4dbc-aa62-0504bf1d854e" alt=""><figcaption><p>View Pane Icon Demo</p></figcaption></figure>

#### Splitter Handles

In the Pane Structure above, the solid lines represent Splitter Handles that adjust the spacing between panes. They appear when the mouse hovers over the area.

<figure><img src="https://3479593160-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FaCVNsar8ZEfoLG1XkC2o%2Fuploads%2FPsESJMI2zdkn0ZcQIVb5%2FView_Spliltter.gif?alt=media&amp;token=f9bafb7e-e82a-4b55-af5e-26acdf79fbb1" alt=""><figcaption><p>Splitter Handles Demo</p></figcaption></figure>