UI components for web and mobile apps

Reference documentation for UI components.

Components are the fundamental building blocks of Retool apps. They are prebuilt interface elements to display data, and manipulate or interact with it based on user actions.

Web components

100+ expertly crafted components, designed to handle every data type and UI for internal tools. Get a head start with built-in validation, keyboard accessibility, time zone handling, and more.

Demo

Buttons

UI elements to trigger actions and queries in web apps.

Containers and forms

UI elements to group components together in web apps.

Custom

Custom UI elements to embed content in web apps.

Data

UI elements to display and interact with data in web apps.

Date and time inputs

Date input fields and UI elements for web apps.

Frames

Optional UI layout elements in which to arrange components.

Integrations

UI elements for integrating third-party services and content in web apps.

Navigation

Navigational menus and UI elements for web apps.

Number inputs

Number input fields for web apps.

Presentation

UI elements to display content in web apps.

Repeatables

UI elements to build repeatable groups of components in web apps.

Select inputs

Value selection input fields and UI elements for web apps.

Special inputs

Specialized input fields and UI elements for web apps.

Text inputs

Text input fields for web apps.

Mobile components

Native mobile components include a barcode scanner, camera, NFC reader, geolocation tracker, signature pad, and Zebra integration to allow you to fully enable your field teams to operate efficiently.

Demo

Buttons

UI elements to trigger actions and queries in mobile apps.

Forms

Input fields and UI elements in mobile apps.

Layout

UI elements to group and arrange components in mobile apps.

Media

Input fields and UI elements to interact with media in mobile apps.

Patterns

UI elements to build repeatable groups of components in mobile apps.

Text

UI elements to display text in mobile apps.