Skip to content

Radix Vue

Component
Website (opens in a new tab) GitHub (opens in a new tab) npm (opens in a new tab)

Radix Vue serves as an unofficial Vue port of Radix UI, designed as a customizable, unstyled UI library that prioritizes accessibility, making it well-suited for creating high-quality design systems.

This library integrates a range of components such as Accordions, Dialogs, Menus, and more, providing developers with the tools necessary to build robust user interfaces without sacrificing accessibility standards. Each component is flexible and can be styled according to individual project needs, allowing for a unique look while maintaining functional consistency.

With Radix Vue, accessibility is built deep into the framework, ensuring compliance with WAI-ARIA guidelines, allowing developers to create components that manage focus, dismiss behavior, and other affordances seamlessly, thereby enhancing user experience across different use cases.

Features

  • Unstyled components
  • Customizable designs
  • Built-in accessibility
  • Supports various components like Popover, Dialog, Menu
  • Flexible props for component behavior
  • Focus management and customization
  • High control over styling

Related Items

PrimeVue

A rich set of open source UI components tailored for building Vue.js applications seamlessly and efficiently.

Radix Primitives

Unstyled, accessible, open source React primitives for high-quality web apps and design systems.

shadcn-vue

A versatile tools for building visually stunning and accessible component libraries, designed specifically for modern web applications.

BaseUI

Headless, unstyled React components for building accessible, highly customizable interfaces with full control over styles.

ArkUI

This open-source UI solution enables the creation of sophisticated design systems using customizable components that can be adapted to fit various visual styles and accessibility standards.

ChakraUI

Create accessible web applications quickly and efficiently with a robust set of essential components that are easy to use and highly customizable.

HeadlessUI

A collection of accessible UI components designed to work effortlessly with modern design systems.

MaterialUI

This product offers a robust set of tools for building user interfaces in React, focusing on flexibility and adherence to design standards.