https://github.com/unovue/reka-ui
Vue port of Radix UI Primitives. An open-source UI component library for building high-quality, accessible design systems and web apps.
https://github.com/unovue/reka-ui
accessibility accessible component-library design-system headless nuxt primitives radix-ui reka-ui ui ui-components ui-kit vue vue-component-library vue-components vue-radix
Last synced: 1 day ago
JSON representation
Vue port of Radix UI Primitives. An open-source UI component library for building high-quality, accessible design systems and web apps.
- Host: GitHub
- URL: https://github.com/unovue/reka-ui
- Owner: unovue
- License: mit
- Created: 2023-06-22T11:08:02.000Z (over 1 year ago)
- Default Branch: v2
- Last Pushed: 2025-02-19T15:29:32.000Z (2 days ago)
- Last Synced: 2025-02-19T16:29:37.255Z (2 days ago)
- Topics: accessibility, accessible, component-library, design-system, headless, nuxt, primitives, radix-ui, reka-ui, ui, ui-components, ui-kit, vue, vue-component-library, vue-components, vue-radix
- Language: Vue
- Homepage: https://reka-ui.com
- Size: 24.2 MB
- Stars: 4,183
- Watchers: 19
- Forks: 277
- Open Issues: 73
-
Metadata Files:
- Readme: README.md
- Funding: .github/FUNDING.yml
- License: LICENSE
- Code of conduct: CODE_OF_CONDUCT.md
Awesome Lists containing this project
README
Reka UI
Craft accessible web apps with Vue.
Documentation | Getting Started | Examples | Why Reka UI?
design by: [icarusgkx](https://twitter.com/icarusgkx), [melkam](https://github.com/MellKam)## Installation
```bash
pnpm add reka-ui
```
```bash
npm install reka-ui
```
```bash
yarn add reka-ui
```## Documentation
For full documentation, visit [reka-ui.com](https://reka-ui.com).
## Releases
For changelog, visit [releases](https://github.com/unovue/reka-ui/releases).
## Contributing
We would love to have your contributions! All PRs all welcomed! We need help building the core components, docs, tests, stories! Join our discord and we will get you up and running!
## Dev Setup
### Docs
1. Clone the repo
2. Run `pnpm i`
3. Run `pnpm build` to run build `reka-ui` locally
3. Run `pnpm docs:dev` to run vitepress
4. Open `http://localhost:5173`### Package
1. Clone the repo
2. Run `pnpm i`
3. Run `pnpm story:dev` to run histoire (storybook)
4. Open `http://localhost:6006`
5. Run `pnpm test` to test changes## Credits
All credits go to these open-source works and resources
- [Radix UI](https://radix-ui.com)
- [React Spectrum](https://react-spectrum.adobe.com/index.html)
- [Floating UI](https://floating-ui.com)
- [Headless UI](https://headlessui.com)