> ## Documentation Index
> Fetch the complete documentation index at: https://docs.cantae.app/llms.txt
> Use this file to discover all available pages before exploring further.

# Cantaê interface

> Cantaê has a simple and intuitive UI. The UI is divided into multiple sections

<Frame caption="Understanding the user interface">
  <img className="block border border-black/5 rounded-md dark:border-white/5 dark:hidden" src="https://mintcdn.com/canta/C5S1j4kpUEOg9-Sx/assets/images/interface-light.png?fit=max&auto=format&n=C5S1j4kpUEOg9-Sx&q=85&s=fde316cb5ae8bc27d670ff1cd9421115" width="1332" height="772" data-path="assets/images/interface-light.png" />

  <img className="hidden border border-black/5 rounded-md dark:border-white/5 dark:block" src="https://mintcdn.com/canta/C5S1j4kpUEOg9-Sx/assets/images/interface-dark.png?fit=max&auto=format&n=C5S1j4kpUEOg9-Sx&q=85&s=5c196d64c0687479b517cab10efc9577" width="1332" height="772" data-path="assets/images/interface-dark.png" />
</Frame>

<Steps>
  <Step title="Topbar">
    The top bar contains the search bar and navigation button. Use the search bar to find songs, artists, and albums. The navigation button allows you to switch between different pages.
  </Step>

  <Step title="Sidebar">
    The sidebar provides the menu for navigating between different pages.
  </Step>

  <Step title="Rightbar">
    The rightbar displays the queue list.
  </Step>

  <Step title="Main">
    The main panel shows the content of the pages.
  </Step>

  <Step title="Footer">
    The footer displays the player controls. Here, you can control the volume, play, pause, skip to the next track, go to the previous track, and more.
  </Step>
</Steps>