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
pnpm install radix-vue
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
- Go to the docs directory :
cd docs
- Run
pnpm i --ignore-workspace
- Run
pnpm run dev
Package
- Clone the repo
- Run
pnpm i
- Run
pnpm story:dev
to run histoire (storybook) - Open
http://localhost:6006
Community
Authors
Credits
All credits goes to these open-source works and resources