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

# Hoppscotch Clients

> Explore the Hoppscotch clients available on web, desktop, and CLI. Learn about the user interface and how to navigate the platform.

Hoppscotch has multiple clients that you can use to develop and test your APIs. You can use Hoppscotch on the web, desktop, and terminal.

<CardGroup cols={3}>
  <Card title="Web" iconType="light" icon="globe" href="/documentation/clients/web/overview" />

  <Card title="Desktop" iconType="light" icon="desktop" href="/documentation/clients/desktop/overview" />

  <Card title="CLI" iconType="light" icon="square-terminal" href="/documentation/clients/cli/overview" />
</CardGroup>

## Navigating Hoppscotch Interface

<Frame caption="Hoppscotch UI">
  <img className="block border border-black/5 rounded-md dark:border-white/5 dark:hidden" src="https://mintcdn.com/hoppscotch/WCaaGbVhL02n1fVh/images/hoppscotch-light.png?fit=max&auto=format&n=WCaaGbVhL02n1fVh&q=85&s=c4d7d5571a6a500ddaa3194486100a3c" width="1697" height="960" data-path="images/hoppscotch-light.png" />

  <img className="hidden border border-black/5 rounded-md dark:border-white/5 dark:block" src="https://mintcdn.com/hoppscotch/WCaaGbVhL02n1fVh/images/hoppscotch-dark.png?fit=max&auto=format&n=WCaaGbVhL02n1fVh&q=85&s=c91e23909f2e7196f56560a16b6b5a2a" width="1697" height="960" data-path="images/hoppscotch-dark.png" />
</Frame>

## Understanding the user interface

Hoppscotch has a simple and intuitive UI. The UI is divided into multiple sections:

### Topbar

The top bar is where you can find the search, login, workspace selector, and more.

### Menu

The menu is where you will find the different platforms that Hoppscotch offers and switch between them. You can also access the settings page from the menu.

### Sidebar

The sidebar is where you can see additional features depending on the platform you are working on. The sidebar houses features like history and collections.

### Main

The main panel is where you will spend most of your time. This is where you will create and send requests and view the responses.

### Footer

The footer houses the status bar. The status bar allows you to toggle the sidebar, go full screen, get help and support, and more.
