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.