https://github.com/cloudscape-design/demos

Cloudscape Design System demos
https://github.com/cloudscape-design/demos

design-system react

Last synced: about 7 hours ago
JSON representation

Cloudscape Design System demos

• Host: GitHub
• URL: https://github.com/cloudscape-design/demos
• Owner: cloudscape-design
• License: mit-0
• Created: 2022-09-16T11:25:53.000Z (about 2 years ago)
• Default Branch: main
• Last Pushed: 2024-10-29T13:04:48.000Z (8 days ago)
• Last Synced: 2024-10-29T15:56:09.659Z (8 days ago)
• Topics: design-system, react
• Language: TypeScript
• Homepage: https://cloudscape.design/
• Size: 1.32 MB
• Stars: 81
• Watchers: 13
• Forks: 51
• Open Issues: 3
• Metadata Files:
  • Readme: README.md
  • Contributing: CONTRIBUTING.md
  • License: LICENSE
  • Code of conduct: CODE_OF_CONDUCT.md
  • Codeowners: .github/CODEOWNERS

Awesome Lists containing this project

README

        
## Cloudscape Design System Demos

This package contains demo pages that follow [Cloudscape Design System](https://cloudscape.design) guidelines and use [Cloudscape components](https://cloudscape.design/components).

Cloudscape is an open source design system for building intuitive, engaging, and inclusive user experiences at scale. It consists of an extensive set of guidelines to create web applications, along with the design resources and front-end components to streamline implementation.

Cloudscape 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 AWS web applications, and also to help teams implement those applications faster. Since then, we have continued enhancing the system based on customer feedback and research.

You can view the demos running live from the the [Cloudscape website 'demos' list](https://cloudscape.design/demos/).

### Build the project

To install the project dependencies and build all demos:

```

npm install

npm run build

```

The demo artifacts will be output to the `/build` folder.

### Run Dev Server

To start a dev server with live reload:

```

npm start

```

The demos will be available at http://localhost:9615.

### Run Tests

```

npm test

```

This will build the project by running the `build` script, start a webpack dev server instance and run tests afterwards.

To run only tests without building the full project again:

```

npm run test-no-build

```

## Security

See [CONTRIBUTING](CONTRIBUTING.md#security-issue-notifications) for more information.

## License

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