Themeable, accessible components
Ready to connect to the cloud
npm i @aws-amplify/ui-react aws-amplify
Speed up development with over
40 production-ready components
Amplify UI components are built with plain React and CSS to provide a solid foundation for building UIs and design systems. These components are themeable, responsive, composable, and accessible. They play nicely with other UI components or styling frameworks.
Authentication made easy
Add authentication to your app in under 10 lines of code using the Authenticator component. The Authenticator works seamlessly with the Amplify CLI to automatically work with your backend, no extra configuration needed! Customize every detail of the authentication flow with themes, overrides, or bring your own UI with a headless mode.
Build UI visually in Figma
With Amplify Studio you can design components in Figma, bind them to your data, and generate production-ready React code. Go from design to production-ready code in minutes and eliminate the design-development gap.
All components have AA or higher contrast in both light and dark mode
Interactive components support keyboard navigation users would expect
Focusable components have proper focus states and interactivity
Form fields and icons have accessible labels, plus there are utilities to help make sure your application is labelled.
Compatible with your front-end
Connected components like the Authenticator have headless, or UI-less, implementations that handle complex state management and leave the UI up to you.
Don‘t like our style? Throw it out and use your own! Amplify UI components use plain CSS so you have complete control over the styling.
TypeScript & IntelliSense
Let your IDE do the work for you and make UI development a breeze with strongly typed interfaces and inline documentation.