> 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

## 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="/files/Q7Rqd5a2hcMebUEfApfS" 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="/files/txM3fVkZqfS4BTyFvt6s" 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="/files/46BeNtYvuYeucRfHXbyn" 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="/files/1aSqwnIey8qzdUXGrcOV" alt=""><figcaption><p>Splitter Handles Demo</p></figcaption></figure>