Spectrum Web Components (Spectrum 1)

Spectrum Web Components (SWC) is Adobe's Spectrum 1 design system implemented as framework-agnostic web components. Elements are prefixed with sp- and each ships as an independent npm package under @spectrum-web-components.

Upgrading to Spectrum 2? Use the migrate-swc-gen1-to-gen2 skill instead, which includes per-component migration guides and a full coexistence walkthrough.

Quick start

Install the components you need (each component is its own package):

yarn add @spectrum-web-components/theme \
         @spectrum-web-components/button \
         @spectrum-web-components/badge