The Flow Screen Components library you always wanted.

Featuring over 50 sleek and feature-packed UI components to transform your Flow Builder Experience.

Data mapping

Lorem ipsum dolor sit amet consecte adipiscing elitusce mollis metus nullarut.

Query Editor

Lorem ipsum dolor sit amet consecte adipiscing elitusce mollis metus nullarut.

Style customization

Lorem ipsum dolor sit amet consecte adipiscing elitusce mollis metus nullarut.

Interactions

Lorem ipsum dolor sit amet consecte adipiscing elitusce mollis metus nullarut.

Input Components

Rating

The Rating component allows users to rate something on a scale.

Input Date Range

The Input Date Range component allows the user to input and displays a range of dates.

Input Counter

The Input Counter component allows the user to input and displays a numerical value within a predetermined range.

Dual Listbox

The Dual Listbox component used to move options between two lists and is often referred to as a multi-select.

Color Picker

The Color Picker component provides users with an intuitive way of selecting and submitting colour values.

Presentation Components

Formatted Name

Quickly format and display a person's name.

Formatted Address

Display an address alongside a static map.

Calendar

A calendar allows creation of a customized calendar or scheduler within a flow, with various options available.

Tabs

A Tab allows users to switch between different sections or views of content within the same screen.

Separator

The Separator component visually separates the content into distinct sections.

Scoped Notification

The Scoped Notification component is a user interface element that displays a notification message to users.

QR Code

The QR Code component displays a QR code image within a flow.

Header

The header flow screen component is a user interface element that typically appears at the top of a webpage or application screen.

Pill Container

The Pill Container component displays a list of items or options in a compact, horizontal layout.

Hero Banner

The Hero Banner Component introduces the goals or purpose of the product or service.

Avatar

The Avatar component displays user information and profile image

Avatar Group

The Avatar Group component communicates to the user that there is more than 1 person or entity associated with an item.

Alert

The Alert component communicates a state that affects the entire system, not just a feature or page.

Special Input Components

Barcode Scanner

The Barcode Scanner Component allows users to scan and read barcodes using their cameras.

Slider

The Slider component is a user interface element that allows users to select a value.

Input Pen

The Input Pen component allows users to input handwritten text or drawings.

Icon Picker

The Icon Picker component show a picker element to select icons.

Datetime Picker

The Datetime Picker component combines the ability to select both a date and a specific time of day.

Combobox

The Combobox component enables the user to choose a predefined value from a list.

Date Picker

The Calendar Component is a date picker component to select a specific date.

Data Display Components

List

The List component displays a list of items or options.

Datatable

The Datatable component displays sets of data across rows and columns.

Activity Timeline

The Activity Timeline component displays each of the user’s upcoming, current, and past activities.

Progress Components

Progress Bar

The Progress Bar component displays the progress of a task or process.

Progress Popover

The Progress Popover component displays a series of steps with the ability to show a popover with additional content information.

Progress indicator

The Progress Indicator component displays the progress of a task or process using a visual element.

Progress Circle

The Progress Circle component displays the progress of a task or process using a circular visual element.

Visual Picker Components

Vertical Visual Picker

A Vertical Visual picker is a vertical visual way to allow the user to select one or more items from a set of values.

Visual Picker Link

A visual picker link is a visually enhanced box to open external content.

Visual Picker

A Visual picker is a vertical visual way to allow the user to select one or more items from a set of values.

Content Components

Button Icon

A button icon triggers actions within a flow and offers a range of customization options.

User Location

The User Location component captures and displays the current location of the user.

Barcode

The Barcode Component allows users to generate new barcodes or customize the appearance of the barcodes by selecting from a range of options.

Carousel

The Carousel Component allows users to view a series of items, such as images, in a rotating carousel format.

Image

The image component allows you to add an image to your screen flow.

Illustration

The Illustration component is an image and inline text that work in tandem to communicate a state in a more friendly way.

Blockquote

The Blockquote component is used to indicate the quotation of a large section of text from another source.

Buttons

The Button Component is a clickable item used to trigger an action.

Button Menu

The Button Menu component displays a menu of options to trigger actions.

Share your component ideas

Vote on potential future features and components.

See the Roadmap >

Bring your Screen Flows to the next level

Build salesforce flows that solve your business's problems with an easy-to-use and extensive selection of flow components and actions.