Amazon deploys an open source platform to build apps

Amazon presents Cloudscape Design System, its new open source platform. Users will be able to exercise their creativity on a large scale and in an inclusive manner.

Amazon: What is Cloudscape Design System?

Designed in 2016 specifically by and for AWS, Cloudscape Design System encompasses a wide variety of features. It basically allows create web apps. Its open source version allows all cloud users to benefit from the AWS design system. AWS being the cloud services platform of the giant box Amazon.

She offers increased visibility because each component can be observed by designers and developers from an environment. On the other hand, Amazon Web Service has developed it to provide accessibility and design guidance. It makes the design easier.

When the user decides to launch automatic tests, there is a transaction with the Cloudscape components. Regarding the HTML structure of the components of the platform, it may vary at any time. Thus, AWS decided to generate test utilities for each component. These consist ofStable APIs to help the user reach the parts he is looking for without the choice of the selector disturbing him. In addition, these test utilities are independent and are compatible with any test stack including so-called unit tests and integration tests. Unit tests give direct access to the DOM or document object model. While integration tests are based on string selectors.

Cloudscape Design System Components at Amazon

The selection filter

This filter redirects users to search for specific items in an entire resource library by selecting one or two properties.

The container

The container makes it possible to present an assembly of elements as well as the links which unite them on Amazon. Basically, an array is a container.

The expandable section

This feature allows Amazon users to amplify or reduce a section. It is often practical when several sections are present on the same page and the user wishes to have a specified visibility. That is to say a visibility either concentrated on a section of the set or a global visibility of all the sections. They should be enabled as they are minimized by default.

The hotspot

In hands-on tutorial, hotspots are non-visible container types. They give an idea of ​​where the hotspots should be placed. Their icons are available via the annotation context and they allow to open or close them.

The split panel

This editable panel takes the user to secondary controls. This feature implements the split view. This view is practical, it includes a whole collection of resources in detail.


It is a form containing many pages. It acts as a guide for the user through a series of tasks which are dependent on each other. It is seen as a navigation pane, also composed of a header, buttons and a content area.

Leave a Comment