1
1
<br />
2
2
<p align =" center " >
3
- <a href =" https://github.com/radix-vue/radix-vue " >
3
+ <a href =" https://github.com/unovue/reka-ui " >
4
4
<img src="https://reka-ui.com/logo.svg" alt="Logo" width="150" />
5
5
</a >
6
6
7
7
<h1 align =" center " >
8
- Radix Vue
8
+ Reka UI
9
9
</h1 >
10
- <p align =" center " >
11
- An unofficial Vue port of Radix UI. <br >
12
- Radix is an unstyled, customisable UI Library with built in accessibility for building top quality design systems.
13
10
11
+ <p align =" center " >
12
+ Craft accessible web apps with <a href =" https://vuejs.org/ " >Vue</a >.
14
13
<p >
15
14
16
15
<p align =" center " >
17
- <a href =' https://github.com/radix-vue/radix-vue/actions/workflows/test.yml ' >
18
- </a >
19
- <a href =" https://www.npmjs.com/package/radix-vue " target =" __blank " ><img src =" https://img.shields.io/npm/v/radix-vue?style=flat&colorA=002438&colorB=41c399 " alt =" NPM version " ></a >
20
- <a href =" https://www.npmjs.com/package/radix-vue " target =" __blank " ><img alt =" NPM Downloads " src =" https://img.shields.io/npm/dm/radix-vue?flat&colorA=002438&colorB=41c399 " ></a >
21
- <a href =" https://github.com/radix-vue/radix-vue " target =" __blank " ><img alt =" GitHub stars " src =" https://img.shields.io/github/stars/radix-vue/radix-vue?flat&colorA=002438&colorB=41c399 " ></a >
16
+ <a href =" https://www.npmjs.com/package/reka-ui " target =" __blank " ><img src =" https://img.shields.io/npm/v/reka-ui?style=flat&colorA=002438&colorB=41c399 " alt =" NPM version " ></a >
17
+ <a href =" https://www.npmjs.com/package/reka-ui " target =" __blank " ><img alt =" NPM Downloads " src =" https://img.shields.io/npm/dm/reka-ui?flat&colorA=002438&colorB=41c399 " ></a >
18
+ <a href =" https://github.com/unovue/reka-ui " target =" __blank " ><img alt =" GitHub stars " src =" https://img.shields.io/github/stars/unovue/reka-ui?flat&colorA=002438&colorB=41c399 " ></a >
22
19
</p >
23
20
24
21
<p align =" center " >
25
- <a href =" https://chat.radix-vue .com " ><b >Get involved!</b ></a >
22
+ <a href =" https://chat.unovue .com " ><b >Get involved!</b ></a >
26
23
</p >
27
24
<p align =" center " >
28
- <a href =" https://radix-vue .com " >Documentation</a > | <a href =" https://reka-ui.com/overview/getting-started.html " >Getting Started</a > | <a href =" https://reka-ui.com/ " >Examples</a > | <a href =" https://reka-ui.com/overview/introduction.html " >Why Radix Vue ?</a >
25
+ <a href =" https://reka-ui .com " >Documentation</a > | <a href =" https://reka-ui.com/docs/ overview/getting-started " >Getting Started</a > | <a href =" https://reka-ui.com/examples " >Examples</a > | <a href =" https://reka-ui.com/docs/ overview/introduction " >Why Reka UI ?</a >
29
26
</p >
30
27
31
28
![ hero image] ( https://reka-ui.com/og.jpg )
@@ -34,22 +31,22 @@ Radix is an unstyled, customisable UI Library with built in accessibility for bu
34
31
## Installation
35
32
36
33
``` bash
37
- pnpm add radix-vue
34
+ pnpm add reka-ui
38
35
```
39
36
``` bash
40
- npm install radix-vue
37
+ npm install reka-ui
41
38
```
42
39
``` bash
43
- yarn add radix-vue
40
+ yarn add reka-ui
44
41
```
45
42
46
43
## Documentation
47
44
48
- For full documentation, visit [ radix-vue .com] ( https://radix-vue .com ) .
45
+ For full documentation, visit [ reka-ui .com] ( https://reka-ui .com ) .
49
46
50
47
## Releases
51
48
52
- For changelog, visit [ releases] ( https://github.com/radix-vue/radix-vue /releases ) .
49
+ For changelog, visit [ releases] ( https://github.com/unovue/reka-ui /releases ) .
53
50
54
51
## Contributing
55
52
@@ -61,6 +58,7 @@ We would love to have your contributions! All PRs all welcomed! We need help bui
61
58
62
59
1 . Clone the repo
63
60
2 . Run ` pnpm i `
61
+ 3 . Run ` pnpm build ` to run build ` reka-ui ` locally
64
62
3 . Run ` pnpm docs:dev ` to run vitepress
65
63
4 . Open ` http://localhost:5173 `
66
64
@@ -70,20 +68,19 @@ We would love to have your contributions! All PRs all welcomed! We need help bui
70
68
2 . Run ` pnpm i `
71
69
3 . Run ` pnpm story:dev ` to run histoire (storybook)
72
70
4 . Open ` http://localhost:6006 `
71
+ 5 . Run ` pnpm test ` to test changes
73
72
74
- ## Authors
73
+ ## Core Team
75
74
76
- - [ Khairul Haaziq] ( https://github.com/khairulhaaziq )
77
- - [ Mujahid Anuar] ( https://github.com/mujahidfa )
78
75
- [ Zernonia] ( https://github.com/zernonia )
76
+ - [ Khairul Haaziq] ( https://github.com/k11q )
77
+ - [ Mujahid Anuar] ( https://github.com/mujahidfa )
79
78
80
79
## Credits
81
80
82
81
All credits go to these open-source works and resources
83
82
84
- - [ Radix UI] ( https://radix-ui.com ) for doing all the hard work to make sure components are accessible
85
- - [ Floating UI] ( https://floating-ui.com ) for creating powerful components that as the base of many Radix Vue components
86
- - [ VueUse] ( https://vueuse.org ) for providing many useful utilities.
87
- - [ Ark UI] ( https://ark-ui.com ) for the ` <Primitive> ` component
88
- - [ Radix Svelte] ( https://radix-svelte.com )
83
+ - [ Radix UI] ( https://radix-ui.com )
84
+ - [ React Spectrum] ( https://react-spectrum.adobe.com/index.html )
85
+ - [ Floating UI] ( https://floating-ui.com )
89
86
- [ Headless UI] ( https://headlessui.com )
0 commit comments