UI Components

Overview

AWS Amplify provides drop-in UI components with a style guide for your apps that automatically integrate with your configured cloud services.

Higher Order Components (HOC) for both React and React Native applications.
Angular components
Ionic components

Authentication

User interface elements that provide drop-in components for user authentication. By default these components will use Amazon Cognito.

Authenticator

The Authenticator is a drop-in UI component that provides:

User Sign in
User Sign up
User Sign out
Forgot Password
Federated authentication
MFA (Multi-Factor Authentication) e.g. SMS, Email, and TOTP (Temporary One Time Password)
Confirm MFA Code’s and Provide QR codes for TOTP

React (aws-amplify-react) and React native (aws-amplify-react-native) provide HOCs for Authentication via withAuthenticator. Angular and Ionic provide components and service provider.

Available for React, Angular/Ionic, and Vue

Storage

User interface elements that provide drop-in components for image uploading and viewing. By default components will use Amazon S3.

Photo Picker

The Photo Picker is a drop-in Ui component that provides:

File chooser
Image UI preview
Image upload
Events for file chosen and upload

Available for React or Angular, and Vue

Album

The Album is a drop-in UI component that provides:

Image listing
Events for image selection with URLs

Available for React or Angular, and Vue

Interactions

User interface elements that provide drop-in components for AI enabled chat bot interactions. By default components will use Amazon Lex.

Chatbot

The Chatbot is a drop-in UI component that provides:

Conversation UI
Events for conversation complete

Available for React, React Native, Angular, Ionic, and Vue