Components
Discover our library of components. Built with React, they are tested, accessible, and responsive.
Patterns
Explore our guidelines and best practices for building user experiences.
Demos
View Cloudscape in action by browsing through our demos.
Cloudscape is an open source design system to create web applications. It was built for and is used by Amazon Web Services (AWS) products and services. We created it in 2016 to improve the user experience across web applications owned by AWS services, and also to help teams implement those applications faster. Since then, we have continued enhancing the system based on customer feedback and research. Learn more about the system.
Each component has a playground where designers and developers can see how the component behaves, along with sample code. To save you time and effort when building, we offer extensive guidance on accessibility options and design solutions. Head over to our demos for examples of Cloudscape in action.
We publish our source code on GitHub under the Apache 2.0 License in the cloudscape-design organization. In our main components repository you can find information about our support and contribution model, versioning strategy, and change logs. You can also open issues and ask a question .
Code components tested, responsive, and accessible
Pattern guidelines that help users achieve their goals
Demo pages showcasing the system in action
Cloudscape supports various visual modes, accessibility, responsive design, and broad browser coverage. Services built with Cloudscape are designed for all customers, regardless of browser, screen size, or ability.