Skip to main content

Amplify Dev Center UI Library

Amplify Dev Center UI Library

About AWS Amplify

Android Angular Flutter React React Native Swift Vue

Getting started

Introduction Installation Usage Next.js Vite Figma Accessibility Internationalization (i18n)Migration Troubleshooting

Components

Base

Divider Heading Icon Image ScrollView Text View

Feedback

Alert Loader Message Placeholder

Navigation

Breadcrumbs Link Menu Tabs

Inputs

Autocomplete Button Checkbox Field DropZone Fieldset Input Label Password Field Phone Number Field Radio Group Field Search Field Select Field Slider Field Stepper Field Switch Field Text Field TextArea Field Toggle Button

Layout

Accordion Card Collection Flex Grid Pagination Table

Data display

Utilities

Highlight Match Visually Hidden

Connected components

Authenticator Configuration Customization Advanced Usage Account Settings Change Password Delete User Face Liveness Customization Troubleshooting Geo Storage Storage Image Storage Manager In-App Messaging

Theming

Overview Responsive Default Theme Colors Typography Sizes Icons ThemeProvider Dark mode CSS variables Style Props

Guides

Overview CSS in JS

Default Theme

The default theme tokens in Amplify UI define our base palette, typography, and sizing used throughout the design system.

Contribute on GitHub Discuss on Discord

Amplify open source software, documentation and community are supported by Amazon Web Services.

© 2023 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.