Cloudscape Design System
  • Get started
  • Foundation
  • Components
  • Patterns
  • Demos
  • GitHub 
Cloudscape Design System
  • Get started
  • Foundation
  • Components
  • Patterns
  • Demos
  • GitHub 
  • About

Get started


  • Guides

    • Get started for designers
    • Get started for developers

  • Resources

    • Design resources

  • Integration

    • Using Cloudscape components
    • Global styles

  • Development guides

    • Collection hooks package
    • Content security policy (CSP)
    • Responsive development
    • State management
    • Z-index
    • Built-in internationalization
    • Bidirectionality

  • Testing

    • Introduction to testing
    • Testing frameworks integration
    • Testing classes
  1. Cloudscape Design System
    • Get started
    1. Cloudscape Design System
    2. Get started

    Get started

    Learn about Cloudscape user interface guidelines, components, design resources, and development tools.

    Get started

    Choose the path that suits your needs to start building with Cloudscape.

    for designersfor designers

    For designers

    Get to know our system foundations, work with our patterns, and build with our components. Get access to our color palettes, icon sets, and sticker sheets in Figma.

    for developmentfor development

    For developers

    Install packages, check out interactive playgrounds of our React components and patterns, and see how the system looks in practice with our coded demos.

    • About
    • Connect
    • Privacy 
    • Site terms 
    • © 2025, Amazon Web Services, Inc. or its affiliates. All rights reserved.
    Made with love atAWS