Cloudscape Design System
An open source web application design system is called Cloudscape. It was created for Amazon Web Services (AWS) goods and services and is utilized by them.
Visit WebsiteAn open source web application design system is called Cloudscape. It was created for Amazon Web Services (AWS) goods and services and is utilized by them.
Visit WebsiteCloudscape is an open-source web application design system originally created by Amazon Web Services (AWS) to deliver a consistent and user-friendly experience across its products and services. First developed in 2016, Cloudscape was designed to help teams deploy web applications faster, improve usability, and ensure visual consistency across AWS applications. Since then, it has evolved continuously, shaped by user feedback, research, and the growing demands of modern web applications.
Cloudscape provides developers and designers with a robust library of components, patterns, and design guidelines that simplify building scalable applications. Each component is crafted to be accessible, responsive, and reliable, enabling teams to focus on solving business problems rather than reinventing design foundations.
Every Cloudscape component includes a playground environment where designers and developers can:
Explore live examples
Preview different states of a component
Access and copy sample code
Understand real-world use cases
This interactive experience accelerates learning and adoption, making Cloudscape a practical toolkit for both experienced developers and beginners.
Accessibility is built into the foundation of Cloudscape. Each component comes with detailed accessibility guidance and design recommendations, ensuring applications built with Cloudscape can be used by everyone—regardless of ability, device, or context.
Cloudscape supports responsive design, multiple visual modes, and cross-browser compatibility. Whether on large desktop screens, tablets, or mobile devices, applications built with Cloudscape maintain clarity, usability, and performance.
Developed and battle-tested by AWS for large-scale applications
Continuously updated based on research and community input
Ready-to-use components, patterns, and accessibility guidelines
Interactive playground for experimentation and faster adoption
Responsive, accessible, and browser-compatible by default
Fully open-source, allowing contributions and collaboration
Cloudscape is more than just a design system—it is a community-driven ecosystem that empowers teams to deliver seamless, consistent, and accessible experiences across web applications.
The Pluralsight Design System strives toward a cohesive design language for Pluralsight’s products, a shared vocabulary for their teams, and basic building blocks to accelerate development.
Get in-depth information and UI resources for designing great apps that integrate seamlessly with Apple platforms.
The SEEK styleguide's purpose is to enable the creation of content that will assist our users to complete tasks easily and hopefully enjoy the experience.
The ServiceNow Design System is a living system that empowers us to design and achieve a consistent, efficient, and high quality visual language that brings cohesion and familiarity to the user experience across the platform.
Nachos is Trello's design system. This comprehensive guide and resource library contains everything you’ll need to design with us, including our core principles, visual design and interface components.
Photon is the Firefox design language to build modern, intuitive, delightful experiences, for products across all platforms – from mobile to desktop, from TV to the next big thing.
Our user interface components enable you to quickly and easily create Industrial Internet web applications that run on dedicated Predix services and data.
This library showcases the building blocks that make up Hubspot's design system, from colors and typography to React-based components and data visualization tools.
GEL is the BBC's shared design framework which enables us to create consistent and delightful user experiences across all of our Digital Services.
The styleguide is a resource that provides a common language around Yelp’s UI patterns. We use it to maintain modular front-end code and visual consistency across the web app.