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

Get involved!

Documentation | Getting Started | Examples | Why Radix Vue?

design by: https://twitter.com/icarusgkx

pnpm add radix-vue

npm install radix-vue

yarn add radix-vue

For full documentation, visit radix-vue.com.

For changelog, visit releases.

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!

1. Go to the docs directory : cd docs
2. Run pnpm i --ignore-workspace
3. Run pnpm run docs:dev

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

• Khairul Haaziq
• Mujahid Anuar
• Zernonia

All credits go to these open-source works and resources

• Radix UI for doing all the hard work to make sure components are accessible
• Floating UI for creating powerful components that as the base of many Radix Vue components
• VueUse for providing many useful utilities.
• Ark UI for the <Primitive> component
• Radix Svelte
• Headless UI