adobe/react-spectrum

React Spectrum is a set of libraries from Adobe for building user interfaces in React. React is the popular JavaScript library used for building interactive web pages, and this repository provides ready-made building blocks (such as buttons, menus, dialogs, and form controls) plus tools to make those building blocks accessible, adaptive across devices, and translatable into other languages. The repository contains four related packages. React Spectrum itself is a React implementation of Adobe's in-house design system, called Spectrum, which gives a complete and styled component library that matches the look of Adobe's applications. React Aria is a lower-level package of unstyled components and hooks for teams who want to build their own design system but still get accessibility and interaction behaviour for free. React Stately is a set of hooks that handle state management for those components, useful on its own and even on platforms outside the web, such as React Native. The Internationalized packages are framework-agnostic libraries for handling language, date, and number formatting on the web. The README highlights four features. Accessibility follows the WAI-ARIA Authoring Practices, with testing across screen readers and devices and full keyboard navigation. Adaptive interactions mean the components handle mouse, touch, and keyboard input and follow responsive design principles. Internationalisation covers more than thirty languages out of the box, including right-to-left languages and locale-aware date and number formatting. Customisation includes theming and an automatic dark mode for React Spectrum, and the option to build your own components with your own markup and styles on top of React Aria and React Stately. Getting started depends on what you need. If you want a finished, styled component set tied to Adobe's design language, you use React Spectrum. If you want behaviour and accessibility without the visual styling, you use React Aria. If you only need state hooks, you use React Stately on its own. The README closes with a contributing section, pointing readers to a contributing guide and an architecture document that explains how the four libraries fit together. Contributions are explicitly invited.