> For the complete documentation index, see [llms.txt](https://docs.blup.in/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.blup.in/wiki/design-ui/blup-top-bar.md).

# Blup Top Bar

### **Home**

* Navigate to the Blup dashboard.
* Access projects, tutorials, community, favorite projects, bin (deleted projects), support and settings.

<figure><img src="/files/s1yDWefjEnwZGhDwF1Xb" alt="home button"><figcaption><p>Home</p></figcaption></figure>

### **Design**

The core engine for your Blup applications, enabling you to craft designs and user interfaces with unparalleled flexibility.

<figure><img src="/files/jB8aetvDvB2UoHaciY1I" alt="design"><figcaption><p>Design</p></figcaption></figure>

### **Logics**

A logic system for creating logic around designs and interactions.

Supports a variety of nodes, including variables and SDKs hosted on pub.dev.

<figure><img src="/files/5f1SsXiFlcXHd5AOnbQb" alt="logics"><figcaption><p>Logics</p></figcaption></figure>

### **Backend**

A pre-built backend system built on AWS.

Provides powerful SQL-type queries for building real-time applications.

<figure><img src="/files/yElTv9JixluH5WJyWz56" alt="backend"><figcaption><p>backend</p></figcaption></figure>

### **Project Info**&#x20;

As soon as you click on the project info button a drop-down list pops up containing the following options:

* **Project Details:** Streamline app control: manage settings, access profile details, subscriptions, invoices, and plans from one place.
* **Rename:** Rename the current project.
* **Export:** Export the project as BlupX for easy sharing.
* **Delete:** Delete the current project.

<figure><img src="/files/tnqKi8iWTcyDUaqBIBRT" alt="project info"><figcaption><p>Project Info</p></figcaption></figure>

### **Project Plan**

Displays the current subscribed plan (free, basic, or pro).

<figure><img src="/files/DNxx8uK0AOEBJzWYR15I" alt="project plan"><figcaption><p>Project Plan</p></figcaption></figure>

### **Help Button**&#x20;

As soon as you click on the help button a drop-down list pops up containing the following options:

* **Help Center:** Opens the website URL to help users understand Blup.&#x20;
* **Submit Feedback:** Takes users to the Blup Discord to submit feedback.&#x20;
* **Ask the Community:** Facilitates collaboration with fellow Bluppers on Discord.&#x20;
* **YouTube Videos:** Plays all available videos on the Blup YouTube channel directly in the app.
* **Keyboard Shortcut:** Opens a widget displaying keyboard shortcuts.&#x20;
* **Tutorial Discover:** Opens a widget to revisit tutorials anytime.&#x20;
* **Dark Mode:** Toggles between dark mode and light mode.
* **Enable Auto Build:** The user can enable auto-build.
* **Build in Profile Mode:** To build the app in profile mode.

<figure><img src="/files/G4cFlvjxMp3OBjY115mq" alt="help"><figcaption><p>Help</p></figcaption></figure>

If you have any ideas to make Blup better you can share them through our [Discord community channel](https://discord.com/channels/940632966093234176/965313562425823303)

### Music to go with. <a href="#music-to-go-with" id="music-to-go-with"></a>

{% embed url="<https://open.spotify.com/playlist/0vvXsWCC9xrXsKd4FyS8kM?si=2c7f55bd3f944878>" %}
Lofi music
{% endembed %}