to-know / radix-vue

Vue port of Radix UI Primitives. An open-source UI component library for building high-quality, accessible design systems and web apps.

Radix Vue

Why can't vue have nice things?

An unofficial vue port of Radix Primitives. An accessible, unstyled and customisable UI Library for building top quality design systems.

Installation

pnpm install radix-vue

Documentation

For full documentation, visit radix-vue.com.

Releases

For changelog, visit radix-vue.com/overview/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

• Discord

Authors

• Khairul Haaziq
• Mujahid Anuar
• Zernonia

Credits

All credits goes to these open-source works and resources

• Radix UI
• Radix Svelte
• Headless UI
• Floating UI
• Vue Use