Skip to content

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

License

Notifications You must be signed in to change notification settings

unovue/radix-vue

Folders and files

NameName
Last commit message
Last commit date
Sep 15, 2023
Sep 25, 2023
Aug 26, 2023
Oct 10, 2023
Oct 10, 2023
Oct 8, 2023
Aug 28, 2023
Aug 25, 2023
Jul 6, 2023
Jun 25, 2023
Sep 25, 2023
Sep 28, 2023
Oct 3, 2023
Aug 25, 2023

Repository files navigation


Logo

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.

NPM version NPM Downloads GitHub stars

Get involved!

Documentation | Getting Started | Examples | Why Radix Vue?

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

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

Package

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

Authors

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