Cumulus UI
The Cloudscape Design System, rebuilt as framework-agnostic Web Components.
81 components
Pre-release
What it is
Cloudscape Design System
components as native
Custom Elements
, built with Lit. Same design, same tokens, same accessibility. No React required.
Why it exists
Cloudscape is a mature, accessible design system powering the AWS console. Cumulus brings it to Vue, Angular, Svelte, Astro, and plain HTML.
Get started
Install the packages:
npm install @cumulus-ui/components @cumulus-ui/design-tokens
Use a component:
<script type="module">
import '@cumulus-ui/design-tokens/tokens.css';
import '@cumulus-ui/components';
</script>
<cs-button variant="primary">Launch instance</cs-button>
Browse components