FlutterFlow Docs
Troubleshooting GuidesDocs Feedback
Search
⌃K
Links

UI Builder

The UI Builder gives you access to all the UI elements on FlutterFlow. These are basically Flutter widgets that you can drag and drop on the canvas. The search bar is handy if you want to quickly search for any specific widget that you want to add to your app.
Also see: how to work with widgets and build UI in FlutterFlow.
UI Builder
The UI Builder consists of four tabs; each allows you to add the following types of widgets:
  1. 1.
    ​Widgets​
  2. 2.
    ​Components​
  3. 3.
    ​Templates​
  4. 4.
    ​Theme Widgets​

1. Widgets

From here, you can access all the standard FlutterFlow widgets. They are organized into the following categories based on their purpose, making it easier to navigate and find the appropriate widget for your app.
  1. 1.
    Commonly Used Elements: Provides frequently used widgets such as Text, Column, and Row for building your app.
  2. 2.
    Layout Elements: These widgets are commonly used as parent widgets in app layout and can contain one or more widgets as children. Popular examples include Container, Column, Card, and ListView.
  3. 3.
    Base Elements: These are the most common widgets that you'll use to build your app. It contains widgets like Text, Image, Button, DropDown, Slider, etc. You can add several of the same kind of widgets. These widgets are also suitable to use as a child or children to other parent widgets.
  4. 4.
    Page Elements: These widgets can be added to any page of the app. They typically have a pre-fixed location, so you can add only one of the same type of widget on a page (for example, you can't add more than one AppBar to the same page).
  5. 5.
    Form Elements: These widgets are specifically designed to create forms in your app, enabling you to display and send data values to the local database or backend. Popular widgets in this category include TextField, Dropdown, RadioButton, Form, CheckboxGroup.
Widgets
If you prefer watching a video tutorial, here is the guide for you:

2. Components

Components are widgets with certain functionality that can be reused throughout your app. They are made out of standard widgets or custom widgets. Once you create a component or custom widget, you can access it from here.
Components

3. Templates

Templates widgets are predefined and ready-to-use widgets. This includes the UI elements that are very common in most apps and can serve as the starting point in creating the part of the user interface. You can also create your own template from the standard widget.
Templates

4. Theme Widgets

The Theme Widgets allow you to customize the visual appearance of a single widget and then reuse it throughout the app. Once you create a theme widget, you can access it from here.
Theme widgets
Previous
Navigation Menu
Next
Storyboard
Last modified 26d ago