Amplify UI Home

Amplify UI

Amplify UI is an open-source design system with cloud-connected components and primitives that simplify building accessible, performant, and beautiful applications in React, Angular, Vue, and Flutter (more coming soon).

Get started

npm i @aws-amplify/ui-react aws-amplify

Take it for a test drive

import { AmplifyProvider, Button, Card, Text, Heading, Flex, Badge, Image, StepperField, useTheme } from '@aws-amplify/ui-react';
import '@aws-amplify/ui-react/styles.css';

import { theme } from './theme';

const Example = () => {
  const { tokens } = useTheme();
  return (
      <Flex direction="row" alignItems="flex-start">
        <Image src=""
          alt="Grey chair" width="8rem"/>
        <Flex direction="column" gap={}>
          <Flex direction="row">
            <Badge variation="success">New</Badge>
          <Heading level={3}>
            Product title
          <Text>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut scelerisque risus in sem dapibus, nec vestibulum metus mattis. Mauris dignissim maximus tellus, in feugiat nibh rhoncus a.</Text>
          <Flex direction="row" alignItems="center">
            <Button variation="primary">Add to cart</Button>

export default function App() {
  return (
    <AmplifyProvider theme={theme}>
      <Example />

Cloud-Connected Components

Simplify complex cloud-connected workflows like authentication with minimal boilerplate code.



Theming capabilities that allow you to customize the appearance of Amplify UI to match your brand.

Get started with theming

4 out of 5 rating

Primitive Components

Primitive components that create consistency across Amplify UI and allow you to build complete applications that fit your brand, like Buttons and Badges.

Get started with components


Amplify UI components follow WCAG and WAI-ARIA best practices and guidelines such as color contrast, keyboard navigation, accessible labels, and focus management.

Looking for other Amplify Products?

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.