Radix Vue

REI Notes

• This is a fork of the radix-vue repository. This package is currently used by the Cedar team.
• Requirements: pnpm
• Developer workflow: run pnpm install, make changes, build with pnpm build, and commit all changes.

REI Changes

2024-12-03

• Moved dependencies and peerDependencies from packages/radix-vue/package.json to package.json
• Removed the forced tabindex in packages/radix-vue/src/ScrollArea/ScrollAreaViewport.vue
• Removed all .gitignore entries for dist folders, to provide a no-build solution
• Built the radix-vue package and committed the dist folder
• Changed link: entries in package.json files to use file:

---

Radix Vue

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: icarusgkx, melkam

Installation

pnpm add radix-vue

npm install radix-vue

yarn add radix-vue

Documentation

For full documentation, visit radix-vue.com.

Releases

For changelog, visit releases.

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. Clone the repo
2. Run pnpm i
3. Run pnpm build to run build radix-vue locally
4. Run pnpm docs:dev to run vitepress
5. Open http://localhost:5173

Package

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

Authors

• Khairul Haaziq
• Mujahid Anuar
• Zernonia

Credits

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