Demos
A demo is an example of a layout template using components. Use our demos to get a feel for the system, and see what services built with Cloudscape look like. Each demo opens in a new tab.
Demos (30)


Card view
A collection of resources represented as cards. It’s effective for glancing at small sets of similar resources with text, numerical, and imagery data sets.


Communicate unsaved changes
An example of a form that prompts users with a confirmation modal when users leave the page with unsaved changes.


Configurable Dashboard
Gives control to the user to show/hide, delete, move, change the size of, and add items to a dashboard.


Delete with additional confirmation
The delete with additional confirmation pattern helps prevent users from performing accidental, high-severity deletions by adding friction during the deletion process.


Delete with simple confirmation
Provide a layer of confirmation before deleting resources that cannot be easily recreated.


Density settings
The density settings pattern uses local storage to remember the user's preferred density setting. This pattern is for switching between comfortable and compact mode at the service level.


Details page
On a details page, users can view at a glance all the available information about a single resource.


Details page as a hub
With the details page as a hub pattern, users can view the details about a resource and a preview of related resources. Use the hub for resources that have large and complex data sets.