Skip to content

aws-samples/cloudscape-examples

Cloudscape Examples

https://cloudscape.design/

Cloudscape is an open source design system for the cloud. Cloudscape offers user interface guidelines, front-end components, design resources, and development tools for building intuitive, engaging, and inclusive user experiences at scale.

This repository provides ready-to-use examples of Cloudscape React projects.

sample sample sample

Examples

Name Description
Empty Cloudscape app Cloudscape example built with React Router and Vite.
Basic Cloudscape app Cloudscape example built with React Router and Vite, featuring a dashboard page, a table page, details page, and an add page.
Fullstack Cloudscape app with CDK and Cognito auth Cloudscape fullstack example built with React Router and Vite, featuring a dashboard page, a table page, details page, and an add page. It is deployable with AWS CDK (Cloud Development Kit). The example deploys the frontend as a static website to an S3 bucket and serves it with Amazon CloudFront. It utilizes Amazon Cognito for authentication and Amplify UI for React for the login user interface. Data is stored in Amazon DynamoDB. The REST API is implemented with Amazon API Gateway and AWS Lambda and uses Powertools for AWS Lambda.
Chat UI for Cloudscape Cloudscape example featuring a Chat UI, with a message input field and a list of messages.
Fullstack Chat UI app with CDK and Cognito auth Cloudscape fullstack Chat UI example built with React Router and Vite, featuring a chat bot page. It is deployable with AWS CDK (Cloud Development Kit). The example deploys the frontend as a static website to an S3 bucket and serves it with Amazon CloudFront. It utilizes Amazon Cognito for authentication and Amplify UI for React for the login user interface. The REST API is implemented with Amazon API Gateway and AWS Lambda and uses Powertools for AWS Lambda.

License

This library is licensed under the MIT-0 License. See the LICENSE file.

Legal Disclaimer

You should consider doing your own independent assessment before using the content in this repository for production purposes. This may include (amongst other things) testing, securing, and optimizing the content provided in this repository, based on your specific quality control practices and standards.