Radix Vue

Vue port of Radix UI Primitives. An open-source UI component library for bu...

README

Radix Vue


Why can't vue have nice things?


An unofficial vue port of Radix Primitives.
Radix is an unstyled, customisable UI Library with built in accessibility for building top quality design systems.

Installation


  1. ```bash
  2. pnpm install radix-vue
  3. ```

Documentation


For full documentation, visit radix-vue.com.

Releases


For changelog, visit releases.

Todo


| Component                                                           | Usable | Complete API | Complete Accessibility |
| :------------------------------------------------------------------ | :----: | ------------ | ---------------------- |
| Accordion             |   ✅   | ✅           | ✅                     |
| Alert Dialog       |   ✅   | ✅           |                        |
| Aspect Ratio       |   ✅   | ✅           |                        |
| Avatar                   |   ✅   | ✅           |                        |
| Checkbox               |   ✅   | ✅           |                        |
| Collapsible         |   ✅   | ✅           |                        |
| Context Menu       |   ✅   |              |                        |
| Dialog                   |   ✅   | ✅           |                        |
| Dropdown Menu     |   ✅   |              |                        |
| Hover Card           |   ✅   | ✅           |                        |
| Label                     |   ✅   | ✅           | ✅                     |
| Menubar                 |   ✅   |              |                        |
| Navigation Menu |   ✅   | ✅           |                        |
| Popover                 |   ✅   |              |                        |
| Progress               |   ✅   | ✅           | ✅                     |
| Radio Group         |   ✅   | ✅           |                        |
| Scroll Area         |   ✅   | ✅           |                        |
| Select                   |   ✅   |              |                        |
| Separator             |   ✅   | ✅           |                        |
| Slider                   |   ✅   |              |                        |
| Switch                   |   ✅   | ✅           |                        |
| Tabs                       |   ✅   | ✅           |                        |
| Toggle                   |   ✅   | ✅           |                        |
| Toggle Group       |   ✅   | ✅           |                        |
| Toolbar                 |   ✅   |              |                        |
| Tooltip                 |   ✅   | ✅           |                        |

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. Go to the docs directory : cd docs
2. Run pnpm i --ignore-workspace
3. Run pnpm run dev

Package


1. Clone the repo
2. Run pnpm i
3. Run pnpm story:dev to run histoire (storybook)
4. Open http://localhost:6006

Community



Authors



Credits


All credits goes to these open-source works and resources