React Spectrum
DocsReleasesBlog
React Spectrum
Overview
  • Getting started

  • Accordion
  • ActionBar
  • ActionButton
  • ActionButtonGroup
  • ActionMenu
  • Avatar
  • AvatarGroup
  • Badge
  • Breadcrumbs
  • Button
  • ButtonGroup
  • Calendar
  • Card
  • CardView
  • Checkbox
  • CheckboxGroup
  • ColorArea
  • ColorField
  • ColorSlider
  • ColorSwatch
  • ColorSwatchPicker
  • ColorWheel
  • ComboBox
  • ContextualHelp
  • DateField
  • DatePicker
  • DateRangePicker
  • Dialog
  • Disclosure
  • Divider
  • DropZone
  • Form
  • Icons
  • IllustratedMessage
  • Illustrations
  • Image
  • InlineAlert
  • Link
  • LinkButton
  • Menu
  • Meter
  • NumberField
  • Picker
  • Popover
  • ProgressBar
  • ProgressCircle
  • Provider
  • RadioGroup
  • RangeCalendar
  • RangeSlider
  • SearchField
  • SegmentedControl
  • SelectBoxGroup
  • Skeleton
  • Slider
  • StatusLight
  • Switch
  • TableView
  • Tabs
  • TagGroup
  • TextArea
  • TextField
  • TimeField
  • Toast
  • ToggleButton
  • ToggleButtonGroup
  • Tooltip
  • TreeView

  • Collections
  • Forms
  • Migrating to Spectrum 2
  • Selection
  • Styling
  • Testing
  • Working with AI

  • Style Macro

Getting started

Installation

Install React Spectrum with your preferred package manager.

npm install @react-spectrum/s2

Framework setup

Parcel
webpack
Vite
Next.js
React Router
Rollup
ESBuild
Parcel
webpack
Vite
Next.js
React Router
Rollup
ESBuild

  • Copyright © 2026 Adobe. All rights reserved.
  • Privacy
  • Terms of Use
  • Cookies
  • Do not sell my personal information
On this page
  • Installation
  • Framework setup