# UI tour

## Overview

Breakroom's UI, or *user interface*, contains almost all of the information and tools you'll need to interact in virtual space. When enabled, the UI components will frame the screen.

<div data-with-frame="true"><figure><img src="https://1679086873-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F5gOE0ivmDtuXfHroTVSx%2Fuploads%2FZBiXvKPcjTgdWyst2hE5%2FUI_Tour_2026_001.png?alt=media&#x26;token=2004e1dc-bad7-42d3-a126-556a34e91044" alt="A female avatar in a pink dress stands facing the camera in a futuristic conference center. On the screen around her are the various toolbars that make up the Breakroom UI."><figcaption><p>An example of the UI in action. You can press the <strong>F9 key</strong> or <strong>Alt + U (⌘ + U)</strong> to toggle the UI on and off.</p></figcaption></figure></div>

The tables below are designed to serve as a quick reference guide for the basic UI components and their functions. You can learn more about using Breakroom's [conference and moderator tools](https://docs.breakroom.tech/getting-started/using-the-conference-system) and accessing the [Breakroom for Training system](https://docs.breakroom.tech/getting-started/using-breakroom-for-training) in our [Getting Started](https://docs.breakroom.tech/getting-started) section.

{% hint style="info" %}
World Owners and World Administrators can [enable and disable parts of the UI](https://docs.breakroom.tech/creating-custom-experiences/ui-customization-options) via the [Dashboard](https://docs.breakroom.tech/building-new-worlds/breakroom-dashboard-tour). You may not have access to every component of the UI pictured above.
{% endhint %}

## The bottom toolbar

<div data-with-frame="true"><figure><img src="https://1679086873-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F5gOE0ivmDtuXfHroTVSx%2Fuploads%2FngxtLgGdPyUhU6Gkl9fI%2FBreakroom_GETTING_STARTED_UI_Tour_002_2026.jpg?alt=media&#x26;token=d99759d9-237d-40c1-9119-37e159157cf0" alt="A closeup of the bottom toolbar of the Breakroom UI. This toolbar includes buttons for in-world text chat and navigation."><figcaption><p>Pictured: The bottom toolbar, with the Hot Bar drawer extended.</p></figcaption></figure></div>

From left to right, the bottom toolbar components include:

<table><thead><tr><th width="175.0909423828125">UI Component</th><th>Function</th></tr></thead><tbody><tr><td>Show/Hide Chat</td><td>Toggles the <a href="../communicating-with-other-users#text-chat">text chat</a> window.</td></tr><tr><td>People</td><td>Opens the <a href="../exploring-breakroom/networking-with-other-users/people">People window</a>.</td></tr><tr><td>Explore</td><td>Opens the <a href="../exploring-breakroom/using-the-explore-window">Explore window</a>.</td></tr><tr><td>Meetings</td><td>Opens the <a href="../exploring-breakroom/using-the-meetings-window">Meetings window</a>.</td></tr><tr><td>Outfit</td><td>Opens the <a href="customizing-your-avatar/editing-avatars-in-the-outfit-window">Outfit window</a>.</td></tr><tr><td>Shop</td><td>Opens the <a href="customizing-your-avatar/using-the-sinewave-shop">Sinewave Shop</a>.</td></tr><tr><td>Inventory</td><td>Opens the <a href="../creating-custom-experiences/using-the-region-editor/the-region-editor-advanced-window">Inventory window</a>.</td></tr><tr><td>Hot Bar (drawer)</td><td>Allows you to <a href="../controlling-your-avatar#installing-gestures-in-the-hot-bar">bookmark items</a> from your Inventory (clothing, gestures, etc.) for one-click deployment.</td></tr></tbody></table>

## The top toolbar

<div data-with-frame="true"><figure><img src="https://1679086873-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F5gOE0ivmDtuXfHroTVSx%2Fuploads%2FLJanBV6bVhH3QC4n2cI2%2FBreakroom_GETTING_STARTED_UI_Tour_003_2026.jpg?alt=media&#x26;token=f3acf358-c2d8-496f-bd14-78c3a4166dc1" alt="" width="281"><figcaption><p>Pictured: Top toolbar with the menu expanded.</p></figcaption></figure></div>

The top toolbar can be customized to suit your needs. All listed functions are available for one-click deployment under the expanded **hamburger menu**, and most options can be **pinned** for ease of access.

<div data-with-frame="true"><figure><img src="https://1679086873-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F5gOE0ivmDtuXfHroTVSx%2Fuploads%2FKwEelyb6kvsdfCAc5jk9%2FBreakroom_GETTING_STARTED_UI_Tour_004_2026.jpg?alt=media&#x26;token=815a7e9e-ee4f-4663-8e9b-330d4e155c35" alt="A closeup of the top toolbar of the Breakroom UI. This toolbar includes in-world currency information, a search bar, and various notification icons along with access to in-world email."><figcaption><p>Pictured: The top toolbar, with all button options pinned.</p></figcaption></figure></div>

When pinned, from left to right, the top toolbar components include:

<table><thead><tr><th width="202">UI Component</th><th>Function</th></tr></thead><tbody><tr><td>Volume</td><td>Offers quick access to volume settings.</td></tr><tr><td>Music Stream</td><td>Enables or disables the audio stream.</td></tr><tr><td>Edit Region</td><td>Opens the <a href="../creating-custom-experiences/using-the-region-editor">Region Editor</a>. Only visible to users with the appropriate <a href="../opening-the-doors/creating-and-managing-user-accounts/world-level-user-permissions">permissions</a>.</td></tr><tr><td>Minimap</td><td>Opens the <a href="#the-mini-map">mini map</a>.</td></tr><tr><td>Create Bookmark</td><td>Allows you to <a href="../exploring-breakroom/bookmarks-and-teleport-invites">bookmark</a> a Region.</td></tr><tr><td>Snapshot</td><td>Launches the <a href="../exploring-breakroom/snapshots">Snapshot feature</a>.</td></tr><tr><td>Mail</td><td>Opens the Breakroom <a href="../communicating-with-other-users#in-world-email">email window</a>.</td></tr><tr><td>My Regions</td><td>Displays a list of <a href="../building-new-worlds/creating-and-managing-regions">Regions</a> that you own, along with various management options.</td></tr><tr><td>Quests</td><td>Opens the Quests window, where you can track your progress on any quests you've started.</td></tr><tr><td>Profile</td><td>Opens your <a href="../exploring-breakroom/networking-with-other-users">user profile</a>.</td></tr><tr><td>Notifications</td><td>Displays and allows you to manage notifications.</td></tr><tr><td>Menu</td><td>Expands the main function menu.</td></tr></tbody></table>

<div data-with-frame="true"><figure><img src="https://1679086873-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F5gOE0ivmDtuXfHroTVSx%2Fuploads%2Flj0jx9Mb7Mp4KZdG5x1M%2FBreakroom_GETTING_STARTED_UI_Tour_005_2026.jpg?alt=media&#x26;token=dc42cfa1-b0cd-4c0d-82c4-8c2df6e1fbed" alt=""><figcaption><p>Pictured: Unpinned functions available under the main menu.</p></figcaption></figure></div>

Additional functions are available through the main menu. These functions cannot be pinned.

<table><thead><tr><th width="194.54541015625">UI Component</th><th>Function</th></tr></thead><tbody><tr><td>Settings</td><td>Opens the <a href="settings">Settings window</a>.</td></tr><tr><td>Full Screen</td><td>Toggles full screen mode.</td></tr><tr><td>Help</td><td>Opens Breakroom's in-world Support Center.</td></tr><tr><td>Feedback</td><td>Opens the <a href="../reporting-issues#reporting-bugs">bug report</a> window.</td></tr><tr><td>About</td><td>Accesses app version information.</td></tr><tr><td>Logout</td><td>Logs out your current Breakroom session.</td></tr></tbody></table>

## The mini map

<div data-with-frame="true"><figure><img src="https://1679086873-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F5gOE0ivmDtuXfHroTVSx%2Fuploads%2FLMjkchHdQLpV6zKeZ2st%2FBreakroom_GETTING_STARTED_UI_Tour_006_2026.jpg?alt=media&#x26;token=a81d4e81-10a2-48b0-b54e-c3b46fa83543" alt="A closeup of the mini map in the Breakroom UI. In addition to a map of the region, the mini map includes buttons that provide region information, bookmark capabilities, and access to quest information."><figcaption><p>Pictured: The minimap.</p></figcaption></figure></div>

When open, the mini map components include:

<table><thead><tr><th width="205.3636474609375">UI Component</th><th>Function</th></tr></thead><tbody><tr><td>Mini map window</td><td>Provides a general overview of the immediate area.</td></tr><tr><td>Zoom buttons</td><td>Adjusts view of the local mini map.</td></tr><tr><td>Region Information</td><td>Accessed by clicking directly on the map. Opens the <a href="../building-new-worlds/region-settings">Region Information</a> window.</td></tr></tbody></table>

## The search bar

<div data-with-frame="true"><figure><img src="https://1679086873-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F5gOE0ivmDtuXfHroTVSx%2Fuploads%2Fh0E9SL4cUVF0QhA54keV%2FBreakroom_GETTING_STARTED_UI_Tour_007_2026.jpg?alt=media&#x26;token=6c549fdd-80e7-42ec-b557-aa52cd8f5c1d" alt="A closeup of the settings toolbar of the Breakroom UI. The settings toolbar contains buttons that allow access to viewer and audio settings, in-world help documentation, and audio streams."><figcaption><p>Pictured: The search toolbar.</p></figcaption></figure></div>

The search bar located at the top of the screen has several tools associated with it. These include:

<table><thead><tr><th width="151.45458984375">UI Component</th><th>Function</th></tr></thead><tbody><tr><td>Connection icon</td><td>Details your connection status when clicked.</td></tr><tr><td>Clock</td><td>Displays the current UTC time, as well as other time zones if clicked.</td></tr><tr><td>Search bar</td><td>Allows you to search for Regions, users, and Sinewave Shop items.</td></tr></tbody></table>

## Conference system components

You may not see the following tools or options in every Region. For more detailed information about using Breakroom's [conference and moderator tools](https://docs.breakroom.tech/getting-started/using-the-conference-system) and accessing the [Breakroom for Training system](https://docs.breakroom.tech/getting-started/using-breakroom-for-training), please consult our linked documentation.

### Conference toolbar

<div data-with-frame="true"><figure><img src="https://1679086873-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F5gOE0ivmDtuXfHroTVSx%2Fuploads%2F3Kh9JDOu5nodKbhYPeUw%2FUI_Tour_2026_008.png?alt=media&#x26;token=2e9b91a9-3181-4f85-bdaf-ebaa33e43c50" alt=""><figcaption><p>Pictured: The conference toolbar.</p></figcaption></figure></div>

The conference toolbar allows you to access voice chat, share your screen, react with emojis, and more. Here's a brief overview of the UI.

<table><thead><tr><th width="256">Button</th><th>Function</th></tr></thead><tbody><tr><td>Microphone</td><td>Toggles your<a href="#voice-chat"> microphone</a> within voice-enabled zones.</td></tr><tr><td>Presentation</td><td>Toggles your <a href="#webcam-streaming">webcam</a> or <a href="#screenshare">screen sharing</a> within video-enabled zones.</td></tr><tr><td>Screen Appearance</td><td>Allows you to <a href="#screen-appearance">control</a> where video streamed by other users appears on <em>your</em> screen.</td></tr><tr><td>Device Settings</td><td>Allows you to <a href="../using-the-conference-system/troubleshooting-audio-and-video-issues#the-change-devices-button">change your device settings</a> and <a href="using-the-conference-system/troubleshooting-audio-and-video-issues">troubleshoot</a> common audio and video issues.</td></tr><tr><td>Emoji</td><td>Opens the <a href="#raise-hand-and-emoji-buttons">emoji menu</a>, where you can choose from several animated emojis (such as clapping hands). These emojis will float over your avatar's head.</td></tr><tr><td>Animations</td><td>Allows you to emote via single-person <a href="../controlling-your-avatar#gestures">gestures</a> while seated in a conference area.</td></tr><tr><td>Camera</td><td>Adjusts your camera angle while seated in a conference area.</td></tr><tr><td>Raise Hand</td><td>Causes a hand icon to appear over your head until dismissed. Useful for impromptu polls, audience questions, and more.</td></tr><tr><td>Question</td><td>Allows you to submit a question for <a href="../running-your-event/moderator-tools">Moderator review</a>.</td></tr></tbody></table>

### Start Here panel

<div data-with-frame="true"><figure><img src="https://1679086873-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F5gOE0ivmDtuXfHroTVSx%2Fuploads%2FIzKNuOlqeXmhYzgY8NPo%2FUI_Tour_2026_009.png?alt=media&#x26;token=4327ff03-8e55-4e59-ae75-961e3e0bfe5f" alt=""><figcaption><p>Pictured: The Start Here panel.</p></figcaption></figure></div>

The Start Here panel comes pre-equipped in most Breakroom [Region templates](https://docs.breakroom.tech/building-new-worlds/region-template-descriptions). Depending on the setup of the Region, you may be able to:

* [Teleport](https://docs.breakroom.tech/using-the-conference-system#navigating-an-event) to key areas of interest
* Take an animated [camera tour ](https://docs.breakroom.tech/creating-custom-experiences/exploring-the-breakroom-toolkit/breakroom-tour-cameras)of the Region
* Select an avatar from the [default avatar collection](https://docs.breakroom.tech/creating-custom-experiences/selecting-default-avatars/default-avatar-collections)
* Teleport to a specialized triage location for technical support

To view all available options, click the **expansion arrow** located at the bottom.

#### Areas of Interest

<div data-with-frame="true"><figure><img src="https://1679086873-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F5gOE0ivmDtuXfHroTVSx%2Fuploads%2Fb0oBz6o8M5TxOmpxEkib%2FUI_Tour_2026_011.png?alt=media&#x26;token=f82d757a-6a22-4b01-84f2-060df2700a8a" alt=""><figcaption><p>Pictured: An example Areas of Interest window.</p></figcaption></figure></div>

Clicking the **Signpost / Areas of Interest button** will open the Areas of Interest window. Here you'll find one-click teleport access to key event spaces. You can right-click on this window and drag it anywhere you like.

#### Camera Tour

Clicking the **Eye /** **Tour button** will launch a preprogrammed Region tour. To exit the tour, press the **Esc key**.

#### Avatar Selection

<div data-with-frame="true"><figure><img src="https://1679086873-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F5gOE0ivmDtuXfHroTVSx%2Fuploads%2Fst4NQYeEBzEBhhbkSzzL%2FChoosing_Starter_002.jpg?alt=media&#x26;token=f0c26493-1235-4fa4-8e68-129dc6fc0e75" alt="" width="375"><figcaption><p>Pictured: The avatar selection menu.</p></figcaption></figure></div>

Clicking the **Silhouette / Avatar Selection button** will open the avatar selection menu. To change your look, click the **Click to select button** corresponding to the [starter avatar](https://docs.breakroom.tech/getting-started/customizing-your-avatar/choosing-a-starter-avatar) you'd like to use. You can right-click on this window and drag it anywhere you like.

#### Triage

If available, clicking on the **Question mark / Triage button** will teleport your avatar directly to a designated tech support area.

### Breakroom for Training widget and Moderator tools

<div data-with-frame="true"><figure><img src="https://1679086873-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F5gOE0ivmDtuXfHroTVSx%2Fuploads%2F8EYudTOkQKtHgmW9WifS%2FUI_Tour_2026_010.png?alt=media&#x26;token=294d1eb6-fb46-4894-89ee-9776acf3d7fc" alt=""><figcaption><p>Pictured: The Breakroom for Training widget and the Moderator tools button.</p></figcaption></figure></div>

If the [Breakroom for Training system](https://docs.breakroom.tech/getting-started/using-breakroom-for-training) is enabled in a Region, you'll see the Breakroom for Training widget appear on your screen. You can right-click on this widget and drag it anywhere you like.

If you have access to the [Moderator tools](https://docs.breakroom.tech/running-your-event/moderator-tools), clicking the **Wrench / Moderator tools button** will open the associated menu.