https://github.com/valence-project/react-valence
React based accessible component library
https://github.com/valence-project/react-valence
accessibility component-library react react-aria
Last synced: 6 days ago
JSON representation
React based accessible component library
- Host: GitHub
- URL: https://github.com/valence-project/react-valence
- Owner: valence-project
- License: other
- Created: 2022-09-22T01:31:54.000Z (over 3 years ago)
- Default Branch: main
- Last Pushed: 2022-10-16T16:26:16.000Z (over 3 years ago)
- Last Synced: 2025-12-25T11:02:45.890Z (about 2 months ago)
- Topics: accessibility, component-library, react, react-aria
- Language: TypeScript
- Homepage: https://valence-project.github.io/react-valence
- Size: 2.92 MB
- Stars: 1
- Watchers: 2
- Forks: 1
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE.md
Awesome Lists containing this project
README
# [react-valence](https://github.com/valence-project/react-valence)
A component library for generating accesssible, progressive, and flexible user interfaces.
## Features
- **Accessible** – react-valence components are designed with accessibility top-of-mind and include full screen reader and keyboard navigation support.
- **Adaptive** – react-valence 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.
- **International** – react-valence components are designed to support over 30 languages, including support for right-to-left languages, date and number formatting, and more.
- **Customizable theming** – react-valence supports custom themes and icons to match your brand, including automatic support for dark mode.
## Example
An example of using react-valence.
```jsx
import { Provider, defaultTheme, Button } from "react-valence";
// Render it in your app!
function App() {
return (
alert("Hey there!")}>
Hello World!
);
}
```
## Learn more
react-valence began as fork of Adobe's design system [React Spectrum](https://react-spectrum.adobe.com/react-spectrum/index.html). It uses hooks from Adobe's opensource libraries: [React Aria](https://react-spectrum.adobe.com/react-aria/index.html) and [React Stately](https://react-spectrum.adobe.com/react-stately/index.html). The goal of this project is to provide a clear path to creating accessible, customizable user interfaces.