🛠️ UI Components and App Features

User interface (UI) components define your app’s look, while app features allow you to tap into a mobile device’s unique functionalities.

User Interface (UI) Components

UI components are visual elements users can see or interact with. They include buttons, images, text inputs, etc. Thunkable offers more than 20 UI components to add to your app screens. Each of these components is fully customizable and controllable with blocks.

Properties Panel

Each UI component you add to your app has an associated properties panel unique to that component. Using the various settings in the properties panel, you can style and customize your Thunkable UI components to give your app personality and style that best suits your brand.
A Label's properties panel is displayed on the right in the example below. Note its unique properties such as font, color, alignment, etc.

The Component Tree

The component tree can be found at the top left corner of your project's Designer. The component tree contains a list of the UI components in your app. The expand and collapse arrows show or hide the nested UI components.

Copy and Paste UI Components

Once you’ve perfected a UI component on the Design tab of a drag and drop project, you can duplicate it using copy-and-paste keyboard shortcuts.
To copy and paste a component:
  1. 1.
    Click on a component name in the component tree (A) or the component within a screen in your workspace (B).
  2. 2.
    Type ctrl+c or command+c on Mac, and ctrl+c on PC, to copy the component.
  3. 3.
    Type ctrl+v or command+v on Mac, and ctrl+v on PC, to paste a duplicate of the component.
  4. 4.
    Click and drag the new component to position it as you desire.

App Features

Thunkable’s app features are easy-to-integrate and drastically expand your app’s native mobile functionality. They often relate to your app's functionality and quietly run in the background.
App features are accessed from your project's Blocks tab.