react-spectrum

(★ 15,806)

A collection of libraries and tools that help you build adaptive, accessible, and robust user experiences.

File Explorer

Download Latest Version (.zip)

Showing a partial file list — download the zip above to see everything.

- .parcelrc
- .parcelrc-v3
- constants.js
- layout.js
- main.mjs
- manager.js
- preview-head.html
- preview.js
- .parcelrc
- .parcelrc-v3
- constants.js
- layout.js
- main.mjs
- manager.js
- preview-head.html
- preview.js
- .npmrc
- api-comment.js
- build-skills.sh
- comment.js
- config.yml
- skills-comment.js
- skills-diff.js
- settings.json
- - Bug_Report.yml
  - config.yml
  - Documentation.yml
  - Feature_Request.yml
  - Feedback.yml
- - beta-docs.yaml
  - labeler.yml
  - lint-pr-titles.yaml
  - nightly.yaml
  - prod-docs.yaml
  - weekly-api-diff.yml
  - weekly-chromatic.yml
  - weekly-excel-sheet.yaml
- - publish.yaml
  - test.yaml
- labeler.yml
- PULL_REQUEST_TEMPLATE.md
- .parcelrc
- .parcelrc-v3
- constants.js
- logo-dark.svg
- logo.svg
- main.mjs
- manager.js
- preview-head.html
- preview.js
- test-runner.js
- - color.macro.ts
  - Colors.jsx
  - highlight.js
  - Icons.jsx
  - Illustrations.jsx
  - Illustrations.mdx
  - Intro.jsx
  - Intro.mdx
  - MDXLayout.jsx
  - Migrating.jsx
  - Migrating.mdx
  - Release Notes.mdx
  - Release030Intro.jsx
  - Style Macro.mdx
  - StyleMacro.jsx
  - typography.js
  - wallpaper_collaborative_S2_desktop.webp
  - Workflow Icons.mdx
- .parcelrc
- .parcelrc-v3
- constants.js
- global.css
- logo-dark.svg
- logo.svg
- main.ts
- manager-head.html
- manager.js
- preview-head.html
- preview.tsx
- extensions.json
- settings.json
- - @testing-library-user-event-npm-14.6.5-1fcf457da8.patch
  - micromark-extension-mdxjs-npm-1.0.0-d2b6b69e4a.patch
  - react-docgen-typescript-npm-2.4.0-9669bef2f0.patch
  - remark-mdx-npm-2.0.0-rc.2-7a71234e1f.patch
  - remark-parse-npm-10.0.1-e654d7df78.patch
  - tailwind-variants-npm-0.3.1-48888516de.patch
- - plugin-nightly-prep.js
- - yarn-4.18.0.cjs
- fileMock.js
- svg.js
- - codegen.md
  - i18n-strings.md
  - pull-requests.md
  - s2-styling.md
  - testing.md
  - tooling.md
- - .gitignore
  - .yarnrc.yml
  - next.config.js
  - package.json
  - postcss.config.json
  - README.md
  - tsconfig.json
  - yarn.lock
- - .gitignore
  - middleware.tsx
  - next.config.js
  - package.json
  - postcss.config.json
  - README.md
  - tsconfig.json
  - yarn.lock
- - .parcelrc
  - .postcssrc
  - .yarnrc.yml
  - package.json
  - README.md
  - tailwind.config.js
  - tsconfig.json
  - yarn.lock
- - .gitignore
  - .yarnrc.yml
  - env.d.ts
  - package.json
  - README.md
  - tsconfig.json
  - vite.config.ts
  - yarn.lock
- - .eslintrc
  - .gitignore
  - .yarnrc.yml
  - jest.config.js
  - next-env.d.ts
  - next.config.mjs
  - package.json
  - postcss.config.json
  - README.md
  - setupTests.js
  - tsconfig.json
  - typings.d.ts
  - yarn.lock
- - .eslintrc
  - .gitignore
  - .yarnrc.yml
  - next-env.d.ts
  - next.config.js
  - package.json
  - postcss.config.json
  - README.md
  - tsconfig.json
  - yarn.lock
- - .babelrc
  - .yarnrc.yml
  - jest.config.js
  - package.json
  - webpack.config.js
  - yarn.lock
- - .gitignore
  - build.mjs
  - index.html
  - index.jsx
  - package.json
  - README.md
  - settings.mjs
  - tsconfig.json
- - .eslintrc.json
  - .gitignore
  - next.config.mjs
  - package.json
  - postcss.config.js
  - README.md
  - tsconfig.json
  - yarn.lock
- - .gitignore
  - .yarnrc.yml
  - package.json
  - README.md
  - yarn.lock
- - .gitignore
  - LICENSE
  - package.json
  - README.md
  - rollup.config.js
- - .gitignore
  - package.json
  - README.md
  - rslib.config.ts
  - tsconfig.json
  - yarn.lock
- - .eslintrc.cjs
  - .gitignore
  - index.html
  - package.json
  - postcss.config.js
  - README.md
  - tsconfig.json
  - tsconfig.node.json
  - vite.config.ts
  - yarn.lock
- - .gitignore
  - .yarnrc.yml
  - package.json
  - README.md
  - webpack.config.js
  - yarn.lock
- - .gitignore
  - package.json
  - README.md
  - tsconfig.json
  - webpack.config.js
  - yarn.lock
- css.d.ts
- jestResolver.js
- postcss-custom-properties-mapping.js
- postcss-hover-class.js
- postcss-hover-media.js
- postcss-notnested.js
- svg.d.ts
- vars.js
- varsToTypeScript.js
- viewTransitions.d.ts
- yarn-plugin-rsp-duplicates.js
- - README.md
.browserslistrc
.editorconfig
.gitignore
.npmignore
.npmrc
.nvmrc
.oxfmtrc.json
.oxlintrc.json
.parcelrc
.parcelrc-build
.yarnrc.yml
AGENTS.md
babel-esm.config.json
babel.config.json
CLAUDE.md
CODE_OF_CONDUCT.md
CONTRIBUTING.md
jest.config.js
jest.ssr.config.js
lerna.json
LICENSE
Makefile
NOTICE.txt
package.json
README.md

🚀 Installation Guide

1. Get the code

git clone https://github.com/adobe/react-spectrum

Downloads the entire project code from GitHub to your computer.

cd react-spectrum

Moves into the project folder you just downloaded.

2. Node.js

Easy Recommended

Prerequisites

Git Needed to download the project code from GitHub.
Node.js Node.js must be installed to use npm. The LTS version is recommended.

cd examples/next-app-csp

This project's files live in a subfolder, so move into it first.

npm install

Downloads and installs the libraries listed in package.json.

npm start

Starts the development/run server.

✅ After running the command, open the address shown in the terminal (usually something like http://localhost:3000) in your browser.

3. Make

Medium

Prerequisites

Git Needed to download the project code from GitHub.
Make Usually pre-installed on Linux/macOS. On Windows, install separately (e.g. via MSYS2 or WSL).

make

Compiles the code based on the generated build configuration to produce an executable.

✅ If it finishes without errors, it worked. Try running the generated executable directly.

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

react-spectrum

File Explorer

🚀 Installation Guide

2. Node.js

3. Make

Today's picks

Was this content helpful?

Recent Feedback

react-spectrum

File Explorer

🚀 Installation Guide

2. Node.js

3. Make

Today's picks

Was this content helpful?

Recent Feedback

Download README