---
url: https://gudhub.com/docs/gh-elements/app-constructor/
title: "App Constructor\n                #"
description: "App Constructor is a gh element that allows users to create a new applications. After clicking this button, the creation window opens. In general, the creation"
lang: uk
updated: 2026-09-08T15:45:58.409Z
---

# App Constructor [#](https://gudhub.com/docs/gh-elements/app-constructor/#app-constructor)

**App Constructor** is a gh-element that allows users to create a new applications. After clicking this button, the creation window opens. In general, the creation of an application is divided into 6 steps:

-   **Type App Name** - at the first stage user can enter the name of the future application.
    
    ![Entering the app name](https://bitbucket.org/AAtlas/gudhub-documentation/raw/master/Gh_Elements/gh-elements/app-constructor-type-app-name.gif "Type App Name")
    
-   **Select Background Color** - allows user to select the background color style of the app icon.
    
    ![Selecting color of the background](https://bitbucket.org/AAtlas/gudhub-documentation/raw/master/Gh_Elements/gh-elements/app-constructor-select-background-color.gif "Select Background Color")
    
-   **Select Icon** allows the user to choose an image for the app icon. It can be one of the GudHub icons or any emoji.
    
    ![Selecting app icon](https://bitbucket.org/AAtlas/gudhub-documentation/raw/master/Gh_Elements/gh-elements/app-constructor-select-icon.gif "Select Icon")
    
-   **Select Icon Color** allows the user to choose the color of the previously selected icon. the color can be changed only for GudHub icons.
    
    ![Selecting a color of app icon](https://bitbucket.org/AAtlas/gudhub-documentation/raw/master/Gh_Elements/gh-elements/app-constructor-select-icon-color.gif "Select Icon Color")
    
-   **What is Made for** - for the created app user can select one of the seven templates. Each of them is the ready-made application with template items.
    
    ![Selecting the app template](https://bitbucket.org/AAtlas/gudhub-documentation/raw/master/Gh_Elements/gh-elements/app-constructor-what-is-made-for.gif "What is Made for")
    
-   **App Creation** - the last step is waiting for the application to be created. This is the final stage.
    
    ![Waiting for creation of the app](https://bitbucket.org/AAtlas/gudhub-documentation/raw/master/Gh_Elements/gh-elements/app-constructor-app-creation.gif "App Creation")
    

## Functional Characteristics [#](https://gudhub.com/docs/gh-elements/app-constructor/#functional-characteristics)

The only usage of the current element is to create applications. When you add it to an app, it eliminates the need to go to the main menu to create a new app. Although, **App Constructor** is used by default in the user's application list.

## Element Options [#](https://gudhub.com/docs/gh-elements/app-constructor/#element-options)

The only element options are the [standard field settings](https://gudhub.com/docs/understanding-gudhub/gh-elements-structure/setting-overview/).

![Settings of app constructor field](https://bitbucket.org/AAtlas/gudhub-documentation/raw/master/Gh_Elements/gh-elements/app-constructor-field-settings.jpg "App constructor field settings")

## Element Style [#](https://gudhub.com/docs/gh-elements/app-constructor/#element-style)

Despite the interpretation types, the element has only [standard style options](https://gudhub.com/docs/understanding-gudhub/gh-elements-structure/setting-overview/). Even an additional one, called Show button name, you might have already seen in other articles. And as usual, the types of interpretation are described at the [end of this article](#interpretation).

![Style of app constructor element](https://bitbucket.org/AAtlas/gudhub-documentation/raw/master/Gh_Elements/gh-elements/app-constructor-element-style.jpg "App constructor element style")

### General Settings [#](https://gudhub.com/docs/gh-elements/app-constructor/#general-settings)

As always, additional element style settings can be found in the **General Settings** group.

![General settings of constructor type](https://bitbucket.org/AAtlas/gudhub-documentation/raw/master/Gh_Elements/gh-elements/app-constructor-general-settings.jpg "App constructor general style settings")

| Name | Description |
| :-- | :-- |
| Show button name | allows to hide name of the button |

#### **Show Button Name** [#](https://gudhub.com/docs/gh-elements/app-constructor/#show-button-name)

Depends of its value, this function allows to show or hide the button name.

## Filtration [#](https://gudhub.com/docs/gh-elements/app-constructor/#filtration)

This element is unfiltered.

## Interpretation [#](https://gudhub.com/docs/gh-elements/app-constructor/#interpretation)

With these types of interpretation you can choose the appearance of the current button.

![Types of app constructor interpretation](https://bitbucket.org/AAtlas/gudhub-documentation/raw/master/Gh_Elements/gh-elements/app-constructor-interpretation-types.jpg "App constructor interpretation type")

### Default [#](https://gudhub.com/docs/gh-elements/app-constructor/#default)

The first type displays the element as an icon with the name of the button below it.

### Only Name [#](https://gudhub.com/docs/gh-elements/app-constructor/#only-name)

Displays a huge colored icon with the name of the button below it.

### Icon [#](https://gudhub.com/docs/gh-elements/app-constructor/#icon)

The current interpretation allows you to display the element as an icon with the name of the button next to it.

### Button [#](https://gudhub.com/docs/gh-elements/app-constructor/#button)

The last type of element interpretation displays the element as a blue button with an icon and a button name.

## Value Format [#](https://gudhub.com/docs/gh-elements/app-constructor/#value-format)

App Constructor has no field value.

## Data Model [#](https://gudhub.com/docs/gh-elements/app-constructor/#data-model)

The current element has no properties other than `interpretation` in its data model.

Copy

```json
{
    "data_model": {
        "interpretation": []
    }
}
```

| Name | Type | Description |
| :-- | :-- | :-- |
| interpretation | `array` | _contains all element interpretation types_ |