react-spectrum

React Spectrum Libraries is a collection of libraries and tools from Adobe for building adaptive, accessible, and robust user experiences. The project is organized into several packages that can be adopted independently depending on the use case. React Spectrum is a React implementation of Spectrum, Adobe's design system, providing adaptive, accessible, and cohesive components for Adobe applications. React Aria offers unstyled React components and hooks for building accessible, high quality UI components for an application or design system. React Stately provides React Hooks for cross-platform state management in a design system. Internationalized is a set of framework-agnostic internationalization libraries for the web. Key features described in the README include accessibility and behavior implemented according to WAI-ARIA Authoring Practices, with screen reader and keyboard navigation support, and testing across a variety of screen readers and devices. Components are designed for mouse, touch, and keyboard interactions and follow responsive design principles. Internationalization support covers over 30 languages, including right-to-left languages, date and number formatting. React Spectrum components support custom themes and automatic dark mode adaptation; further customization is possible by building components with React Aria and React Stately hooks for behavior, accessibility, and interactions. Getting started guidance distinguishes the libraries: React Spectrum for integrating with Adobe software or using a complete component library; React Aria for building a component library from scratch with custom styling; React Stately for state management hooks, usable with React Aria or independently, including on other platforms such as React Native. The README links to an architecture RFC and a contributing guide, and invites community contributions of any size.