Amplify UI Home

Components

Connected components

Authenticator

The Authenticator component adds complete authentication flows to your application with minimal boilerplate.

Chatbot

Chatbot automatically renders a complete chat messaging interface that can be used out-of-the-box, or it can be customized using theming support.

Geo

Amplify UI Geo provides UI components for maps and location search built on top of Amazon Location Service.

Storage

A set of components to help interact with S3 storage.

Base components

Divider

Heading

This is a separate primitive from Text for semantic purposes. The Heading primitive maps to an <h*> tag, and Text maps to a <p> tag.

Icon

The icon component displays simple vector graphics for use in other components like Buttons.

Image

The Image primitive can be used to display responsive images.

ScrollView

ScrollView is essentially a View that allows scrolling of its inner contents.

Text

The Text primitive is used to display simple strings of text in an interface.

View

View is a container that contains stuff. View is the most abstract component on top of which all other components live.

Feedback components

Alert

An Alert displays a brief, important message in a way that attracts the user's attention without interrupting the user's task. Alerts are typically intended to be read out dynamically by a screen reader.

Loader

Pagination

Pagination provides navigation to allow customers to move between large sets of content that are distributed across multiple pages.

Placeholder

The Placeholder component is used to fill out the interface while content is loaded asynchronously.

Navigation components

Link

Links are customizable and themable elements used for Navigation. By default Links render an anchor tag but can be configured to be used with routing libraries.

Menu

Tabs

Input components

Button

Checkbox Field

Password Field

Phone Number Field

Radio Group Field

A RadioGroupField allows users to select a single option from a list of mutually exclusive options.

Search Field

SearchField accepts query text for search.

Select Field

The SelectField primitive allows you to create a drop-down list.

Slider Field

Stepper Field

A StepperField is a number input with buttons to increase or decrease the value.

Switch Field

The SwitchField form primitive is a toggleable input type with a checked (on) and unchecked (off) state.

Text Field

The TextField form primitive can be used allow users to input text content.

TextArea Field

The TextAreaField form primitive can be used allow users to input multiline text content.

Toggle Button

A toggle button represents an on/off state for some configuration, for example switching on/off bold text in a text editor.

Layout components

Card

Collection

Expander

The Expander primitive enables users to expand or collapse a set of sections.

Flex

A layout container using Flexbox.

Grid

Table

The Table primitive provides users with a styled and customizable table element.

Data display components

Badge

Rating

The Rating component displays a read-only star rating of a product or service.

Utility components

Visually Hidden

The Visually Hidden component is used to visually hide content while leaving it available to screen readers.
Amplify open source, documentation and community are supported by Amazon Web Services © 2022, Amazon Web Services, Inc. and its affiliates. All rights reserved. View the site terms and privacy policy.
Flutter and the related logo are trademarks of Google LLC. We are not endorsed by or affiliated with Google LLC.