> For the complete documentation index, see [llms.txt](https://sand-rush.gitbook.io/magic-palette-user-guide/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://sand-rush.gitbook.io/magic-palette-user-guide/interface-overview.md).

# Interface Overview

This overview is intended to introduce you to the parts of the app interface and the tools. Learn about how to navigate the Magic Palette app by exploring how the four main sections in the UI of Magic Palette work.

<div data-full-width="false"><figure><img src="https://3680522522-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FaVXID4iS2biqXV5hydJZ%2Fuploads%2Fg35rRj2CGI73IO7wPHUI%2FMP_app_overview_UI.png?alt=media&amp;token=0763fd9b-c55d-465d-81af-a564bbebe8bf" alt=""><figcaption><p>The Magic Palette App has 4 different section to interact with. Find more information on the features of each section below.</p></figcaption></figure></div>

{% embed url="<https://youtu.be/h5fJqjoSY5E?si=6KsmrzTwuBMGEEY1>" %}

<table data-card-size="large" data-view="cards" data-full-width="false"><thead><tr><th></th><th></th><th data-hidden data-card-target data-type="content-ref"></th></tr></thead><tbody><tr><td>1️⃣ <strong>Top Bar</strong></td><td>The Top Bar features the main menu, upload, download options, and the file name</td><td><a href="/magic-palette-user-guide/interface-overview/top-bar.md">Top Bar</a></td></tr><tr><td>2️⃣ <strong>Viewport</strong></td><td>The true magic happens here - It's the 3d-space that displays your imported or generated level designs</td><td><a href="/magic-palette-user-guide/interface-overview/viewport.md">Viewport</a></td></tr><tr><td>3️⃣ <strong>Side Panels</strong></td><td>Access the 3 modes of Magic Palette - Land Generator, Palette Builder and Block Manager </td><td><a href="/magic-palette-user-guide/interface-overview/side-panels.md">Side Panels</a></td></tr><tr><td>4️⃣ <strong>Bottom Bar</strong></td><td>Tooltips, command line and viewport options are located here</td><td><a href="/magic-palette-user-guide/interface-overview/bottom-bar.md">Bottom Bar</a></td></tr></tbody></table>