UI components

Appfarm Create includes a library of UI components to enable you to quickly build a user interface and connect it to your data and actions. Simply drop and drop a UI component into a view and configure the properties and styles as required.

UI components are implemented using Google's Material Design system for user interface design, specifically Material 3. For more information about Material 3, including guidelines, principles, and inspiration visit https://m3.material.io/.


Examples of many of the UI components are available in our Showroom. You can view the demos, as well as access the setup in Appfarm Create. Don't have access? Register.

You can add UI Components to your UI with drag & drop, by clicking the UI Component (will add it after the selected UI Component inside the selected View/Dialog/Drawer), or by using Appfarm Commander (CTRL + k / CMD + k -> Seach by name -> Add the UI Component).


Layout components form the hierarchy of a view and are used to display content and navigation.

Data input

Data input components enable the user to enter and select data of various types. They can be used to build forms, client filters, and other UI features that rely on user interaction.

Data iterators

Data iterator components are used to display data from multiple objects in a data source.


Button components are used to add interactivity and provide the user an opportunity to trigger an action.

  • Button

  • Icon button

  • Floating action button

  • Speed dial


Visual components are used to display both static and interactive data.

Basic charts

Basic chart components are used to visualise data. For additional customization options, see advanced charts.

Advanced charts

Advanced chart components are used to visualise data and have more customization options compared to basic charts. To get a better understanding of how charts are configured, see Understand charts.


All solutions have access to try advanced charts, but use of an advanced chart in Production is determined by your subscription tier.

Last updated