---
description: Customize the navigation of your apps.
---

# App builder

Ubidots offers two ways in which users are able to navigate an application. It can be with either:

* A top navigation bar
* Or a left navigation bar, also known as "sidebar".

These options are found within the "app builder" section of your [apps](https://industrial.ubidots.com/app/apps/), as seen below:

<figure><img src="https://884329393-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MhzNRg0B4ECiNXc093G%2Fuploads%2FI79hzjGh9Ab20CHZXa4t%2FApp%20builder.png?alt=media&#x26;token=c0719be1-a932-4fdb-9e20-39fabc39a9fc" alt=""><figcaption></figcaption></figure>

### Top Navbar

This is how an application looks like with a top navbar:

<figure><img src="https://884329393-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MhzNRg0B4ECiNXc093G%2Fuploads%2FMdw6XcNNwzkoobO0NXMa%2FTop%20navbar.png?alt=media&#x26;token=7974f374-e3f4-47f0-8dfb-3421bcd0f39f" alt=""><figcaption></figcaption></figure>

### Left Navbar

This is how an application looks like with a left navbar:

<figure><img src="https://884329393-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MhzNRg0B4ECiNXc093G%2Fuploads%2Fgk4A6CSdxDfxBk8VODTI%2FSidebar.png?alt=media&#x26;token=94f4796e-230f-412d-a3ad-3e5d989d34cd" alt=""><figcaption></figcaption></figure>

It's worth noting that in the latter case the bar can be collapsed to gain space in the rest of the page:

<figure><img src="https://884329393-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MhzNRg0B4ECiNXc093G%2Fuploads%2FfQjBaXOEajSyU5MG2dX5%2FSidebar%20collapse.png?alt=media&#x26;token=328d0d4c-0670-4a7a-b4fa-d4f2b0a93313" alt=""><figcaption></figcaption></figure>

