Adobe React Spectrum Libraries

Adobeのデザインシステム Spectrum を React で実装したオープンソース

• react-spectrum : テーマ対応、マウス/タッチ/キーボードおよび多言語を考慮したコンポーネントを提供する React 実装

• react-aria : アクセシビリティを考慮した UI の基本要素を提供する React Hook ライブラリ

• react-stately : クロスプラットフォームの状態管理を提供する React Hook ライブラリ

[xguru]

• Spectrum は Adobe の Design System で、別途整理されたページがあります。 https://spectrum.adobe.com/

既存では CSS だけで Spectrum コンポーネントを実装した Spectrum CSS https://opensource.adobe.com/spectrum-css/ があり、

これに加えて React バージョンを作成して公開しました。

デザインガイドライン / デザインシステムはなぜ必要か https://ja.news.hada.io/topic?id=2552