FlutterFlow Docs
Search…
Widget Panel
The Widget Panel 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.
Learn more about the different Flutter widgets from here.
Widget Panel
The widget panel consists of two tabs:
  1. 1.
    ​Widgets​
  2. 2.
    ​Components​
We are continuously adding new widgets. Don't see the widget you want to use? Submit a feature request inside FlutterFlow!

1. Widgets

Widgets (aka elements) are accessible from this Widgets tab. They are sorted into five categories:
  1. 2.
    ​Layout Elements​
  2. 3.
    ​Base Elements​
  3. 4.
    ​Page Elements​
  4. 5.
    ​Form Elements​
These categories are described in detail below.

1.1 Most Frequently Used Elements

The most frequently used elements section hosts the elements that you may use frequently to build your app. For example, you may need to add multiple Text, Column, and Row widgets while building your app.
Most Frequently Used Elements

1.2 Layout Elements

Usually, these widgets are used as parent widgets in any layout of the app. They can contain one or multiple widgets inside them (as a child or children). Some of the most commonly used widgets in this category are Container, Column, Card, and ListView.
You are allowed to add more than one of the same kind of layout widgets to a single page of the app.
Layout Elements

1.3 Base Elements

The most common widgets that you will need to build your application are present here. This category consists of widgets such as Text, Image, Button, DropDown, Slider, etc.
You are allowed to add several of the same kind of widgets to the same layout. These widgets are also suitable for use as a child or children to other parent widgets.
Base Elements

1.4 Page Elements

The Page Elements section consists of widgets that can be added to any page of the application. They typically have a pre-fixed location, so you can add only one of the same type of widget to the same page (for example, you can't add more than one AppBar to the same page).
Page Elements

1.5 Form Elements

The Form Elements section consists of widgets that can be used to create a form in your app. Form elements can display/send value from/to the local database or backend.
Some of the most commonly used widgets in this category are TextField, Dropdown, RadioButton, Form, CheckboxGroup, and so on.
Form Elements

2. Components

You can use custom UI components in your FlutterFlow project. These custom components are accessible from the Components tab. When you create a new project on FlutterFlow it comes with more than 50+ pre-built components including sign-in buttons and some other styled layouts.
If you want to create a new custom component, you can head over to the create custom components section.
The components are sorted into five categories:
  1. 1.
    ​UI Elements​
  2. 2.
    ​Bottom Sheets​
  3. 3.
    ​Headers​
  4. 4.
    ​Card Views​
  5. 5.
    ​Content Views​
These categories are described in detail below.

2.1 UI Elements

The UI elements section contains the components that help you quickly build the common user interface. This includes components such as sign-in buttons, empty list UI, Price summary card, and so on.
UI Elements

2.2 Bottom Sheets

This section contains various types of pre-designed bottom sheets. You can add bottom sheets such as Actions, Change Photo, Paywall, Share. The list also includes bottom sheets that adhere to the ios and material style guidelines.
Bottom Sheets

2.3 Headers

The Headers section includes components that can be used as a header for any page of your app. As of now, this section contains the header components that you can use on the welcome page.
Headers

2.4 Card Views

The Card Views section contains the components that you can use to add different types of Card UI to your page. The Card view is used to represent the related information. The Analytics Card, Review Car, Rating Card, Comment Card are some of the common card components that you will find inside this section.
Card Views

2.5 Content Views

This section hosts the components that you can use to create a content-centric UI. As of now, this section includes components such as Card Transaction, Paywall Product, and a Material widget with few actions.
Content Views