Skip to content

cloudscape-design/components

Folders and files

NameName
Last commit message
Last commit date
Dec 4, 2024
Mar 25, 2024
Jul 1, 2022
Dec 11, 2024
Dec 13, 2024
Jun 28, 2024
Jul 22, 2024
Dec 13, 2024
Nov 19, 2024
Jul 1, 2022
Mar 18, 2024
Jul 23, 2024
Jul 2, 2024
Apr 29, 2024
Oct 14, 2024
Jun 8, 2022
Aug 23, 2024
Jun 8, 2022
Jun 8, 2022
Jul 26, 2023
Apr 27, 2023
Oct 18, 2024
Jul 1, 2022
Sep 20, 2024
Sep 20, 2024
Nov 20, 2024
Dec 6, 2024
Dec 13, 2024
Feb 23, 2024
Mar 18, 2024
Jun 23, 2023
Jan 4, 2023
Aug 8, 2023

React components for Cloudscape Design System

This package contains the source code of the React components for the Cloudscape Design System.

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.

Components APIs and guidelines can be found in the Components section of the Cloudscape website.

Getting started

For an in-depth guide on getting started with Cloudscape development, check out the Cloudscape website.

Installation

All Cloudscape packages are available on npm.

npm install @cloudscape-design/components @cloudscape-design/global-styles

Using Cloudscape components

Here is a basic example that renders a primary button:

import Button from '@cloudscape-design/components/button';
import '@cloudscape-design/global-styles/index.css';

function App() {
  return <Button variant="primary">Click me</Button>;
}

You can also play around with a small example on CodeSandbox:

Edit on CodeSandbox

Getting help

You can create bug reports or feature requests, or start a discussion to ask a question. To minimize duplicates, we recommend that you search for existing bug reports, feature requests, or discussions before initiating a new thread.

Contributing

The contribution guidelines contains information on how to contribute, as well as our support model and versioning strategy.

License

This project is licensed under the Apache 2.0 License.