# 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 %}


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://docs.blup.in/wiki/design-ui/blup-top-bar.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.