React Spectrum

A React implementation of Spectrum, Adobe’s design system.

React Spectrum hero image

Accessible

React Spectrum components are designed with accessibility top-of-mind and include full screen reader and keyboard navigation support.

Adaptive

React Spectrum components are designed to work with mouse, touch, and keyboard interactions. They’re built with responsive design principles to deliver a great experience, no matter the device.

Customizable theming

React Spectrum supports custom themes to match your brand, including automatic support for dark mode.

International

React Spectrum components are designed to support over 30 languages, including support for right-to-left languages, date and number formatting, and more.