# Custom App

{% hint style="success" %}
Available in the *Low-code* mode. On-premise users need to contact our [support team](mailto:support@uibakery.io) for more details.
{% endhint %}

The *Custom App* feature lets you build functional end-to-end applications, either with the help of our AI assistant or by writing the code yourself. Unlike [Custom Components 2.0](https://docs.uibakery.io/concepts/custom-components-2.0), which don’t support databases and require you to create actions manually, the Custom App feature offers full functionality - including code editing, hosted database access, and automatic action generation.

## Overview

You can access the list of all your custom applications, as well as create new ones, from the **Apps** section of the workspace menu. Here, click the *+* button and select *Custom App*.

<figure><img src="https://837703843-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FUX6zPRMFFK0yrTghj7cY%2Fuploads%2FKzjeBaY1tni7xTltlErc%2FCleanShot%202026-03-10%20at%2013.13.00%402x.png?alt=media&#x26;token=de224b3e-813c-4732-999b-8dbb7bdc1d5f" alt=""><figcaption></figcaption></figure>

## Building an app

### Generating & code editing

You can type in what you want to create in the chatbox or attach an image of a similar UI as a visual aid. The AI will start working and you'll be able to see all the steps taken while generating an app based on your prompt.

Once generated, you'll be able to inspect the code structure in the *Code* tab in the header. Here, you can also tweak the code to better suit your needs and manage the whole file and folder structure. Right click to create new files, folders, rename, and delete existing ones.

<figure><img src="https://837703843-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FUX6zPRMFFK0yrTghj7cY%2Fuploads%2F1fzBDjPSRzW0YUAvvNzq%2FCleanShot%202026-03-10%20at%2013.17.24%402x.png?alt=media&#x26;token=ca03113f-377a-42e3-8bad-0eac9592b35b" alt=""><figcaption></figcaption></figure>

During app building, the AI can also read and analyze logs to address any issues that occur.

### Connecting data

You can choose between creating & connecting a *hosted* database or connecting your own data source to access the data you need.

{% hint style="success" %}
With our *hosted* databases, the AI has more capabilities including utilizing migrations. With *customer* databases, the AI can only read and delete data, but it cannot change its structure.
{% endhint %}

Click on the **Connect** tab in the top bar to see the list of all available data sources, both hosted and user. Here, you can also see which data source is connected now, switch to a different one, or [connect a new one](https://docs.uibakery.io/build-from-scratch/getting-started/connect-a-data-source).

<figure><img src="https://837703843-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FUX6zPRMFFK0yrTghj7cY%2Fuploads%2FYRINCuNlhUNE1TYXpjZ6%2FCleanShot%202026-03-10%20at%2013.21.22%402x.png?alt=media&#x26;token=20d4e9ba-ca94-443b-bf04-0d9062123646" alt=""><figcaption></figcaption></figure>

{% hint style="warning" %}
The AI will have access only to the data sources you authorize.
{% endhint %}

### Database management

From the **Database** tab in the top bar, you can manage your *primary* connected hosted database.

{% hint style="info" %}
Read more about primary hosted databases in AI apps [here](https://docs.uibakery.io/build-with-ai#database-connection).
{% endhint %}

<figure><img src="https://837703843-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FUX6zPRMFFK0yrTghj7cY%2Fuploads%2FGLcYuo3Y8qUE56DdKmAi%2FCleanShot%202026-03-10%20at%2013.27.28%402x.png?alt=media&#x26;token=4ed7058b-2f81-41c3-a344-bb927457219f" alt=""><figcaption></figcaption></figure>

You can manage all other hosted databases from the *Database* tab at the bottom of the workspace menu. Refer to the [Database Editor](https://docs.uibakery.io/extras/ui-bakery-postgres/database-editor) page to learn more details.

### AI usage credits

Usage credits for the Custom App feature work in the same way as for Custom components 2.0. You can find more details here:point\_down:

{% embed url="<https://docs.uibakery.io/concepts/custom-components-2.0#using-tokens>" %}

## Publishing an app

Once you're ready to release your app, click the *Release* button in the upper right corner of the screen. Select your version, add a description if you want, and choose the environments you want to deploy to, just like with regular apps you build yourself.

<figure><img src="https://837703843-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FUX6zPRMFFK0yrTghj7cY%2Fuploads%2FjUUcyVux0APS3fKhHlEv%2FCleanShot%202026-03-10%20at%2013.32.25%402x.png?alt=media&#x26;token=e2ec9786-f165-4406-9447-19c9d36ac436" alt=""><figcaption></figcaption></figure>

You can also share the app with specific users or make it public from the *Share* button popup.

## Use case examples

Now, let's review two examples of custom apps you can generate in UI Bakery - utilizing both a hosted and user databases. Watch our interactive demos below and learn how you can build similar apps yourself.

### &#x20;App with hosted database

{% @arcade/embed flowId="1bCQMv2Mfa193FUiIoe0" url="<https://app.arcade.software/share/1bCQMv2Mfa193FUiIoe0>" %}

### App with user-managed database

{% @arcade/embed flowId="y414iZt3EJew6OTprBAQ" url="<https://app.arcade.software/share/y414iZt3EJew6OTprBAQ>" %}


---

# 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.uibakery.io/build-from-scratch/custom-app.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.