awesome-repositories.com
Blog
MCP
awesome-repositories.com

Discover the best open-source repositories with AI-powered search.

ExploreCurated searchesOpen-source alternativesSelf-hosted softwareBlogSitemap
ProjectMCP serverAboutHow we rankPress
LegalPrivacyTerms
© 2026 Bringes Technology SRL·VAT RO45896025·hello@awesome-repositories.com
·
radix-vue avatar

radix-vue/shadcn-vue

0
View on GitHub↗
10,128 stars·666 forks·TypeScript·MIT·18 viewsshadcn-vue.com↗

Shadcn Vue

shadcn-vue is a collection of accessible and unstyled UI components for Vue. It serves as a design system foundation and a port of Radix UI primitives to the Vue ecosystem, focusing on providing a base for highly customizable web interfaces.

The project utilizes a template-driven distribution model, delivering raw source code via a CLI rather than a compiled library. This allows for the direct modification of components using Tailwind CSS utility classes to establish a unique visual identity.

The library covers accessible component architecture and custom design system implementation. It provides a set of headless primitives that handle keyboard navigation and screen reader interactions to ensure compatibility with accessibility standards.

Features

  • Radix UI Ports - Brings the accessibility and behavioral primitives of Radix UI to the Vue ecosystem.
  • Design System Implementations - Serves as a foundation for implementing a unique visual identity and design system.
  • Accessible Component Libraries - Implements a library optimized for modern accessibility standards and screen reader interactions.
  • Component Composition Primitives - Uses low-level primitives to separate behavioral logic from visual presentation.
  • Vue UI Libraries - Provides a comprehensive collection of accessible UI components specifically for the Vue ecosystem.
  • Tailwind CSS Integration - Designed to be styled exclusively with Tailwind CSS utility classes.
  • Design System Foundations - Offers foundational visual primitives and interaction patterns to underpin a customizable design system.
  • Headless UI Libraries - Provides a set of headless UI primitives that handle interaction logic and accessibility without predefined styles.
  • Accessibility Attribute Mapping - Maps internal component states to standard ARIA attributes for screen reader compatibility.
  • Rapid Prototyping Tools - Enables rapid assembly of functional interface mockups using reusable, easily stylable components.
  • CLI Component Templates - Delivers raw source code via a CLI for direct modification instead of a compiled library.
  • Composition API Integrations - Implements reactive state and accessibility logic using Vue composables.
  • Unstyled Tailwind Components - Provides accessible UI components designed for styling with Tailwind CSS without default styles.
  • Custom UI Components - Offers flexible building blocks for constructing custom, accessible user interfaces.
  • UI Component Libraries - Provides a collection of customizable UI elements to build consistent internal libraries.
  • Component Library Ports - Vue.js port of the component library.
  • UI Component Frameworks - Community-led port of reusable, accessible UI components.

Star history

Star history chart for radix-vue/shadcn-vueStar history chart for radix-vue/shadcn-vue

AI search

Explore more awesome repositories

Describe what you need in plain English — the AI ranks thousands of curated open-source projects by relevance.

Start searching with AI

Frequently asked questions

What does radix-vue/shadcn-vue do?

shadcn-vue is a collection of accessible and unstyled UI components for Vue. It serves as a design system foundation and a port of Radix UI primitives to the Vue ecosystem, focusing on providing a base for highly customizable web interfaces.

What are the main features of radix-vue/shadcn-vue?

The main features of radix-vue/shadcn-vue are: Radix UI Ports, Design System Implementations, Accessible Component Libraries, Component Composition Primitives, Vue UI Libraries, Tailwind CSS Integration, Design System Foundations, Headless UI Libraries.

What are some open-source alternatives to radix-vue/shadcn-vue?

Open-source alternatives to radix-vue/shadcn-vue include: unovue/shadcn-vue — shadcn-vue is an accessible design system framework and UI component library for Vue applications. It provides a… tailwindlabs/headlessui — Headless UI is a headless component library and accessible UI component kit that provides logic-only interface… ariakit/ariakit — Ariakit is a headless component library and accessible UI component toolkit. It provides a set of unstyled web… radix-ui/themes — This project is an accessible UI component library and themed design system. It provides a collection of pre-made user… chakra-ui/ark — Ark is a headless UI component library that delivers accessible, cross-framework primitives with behavior governed by… radix-ui/design-system — This project is a React-based UI framework that serves as a foundation for building scalable and accessible web…

Open-source alternatives to Shadcn Vue

Similar open-source projects, ranked by how many features they share with Shadcn Vue.
  • unovue/shadcn-vueunovue avatar

    unovue/shadcn-vue

    9,425View on GitHub↗

    shadcn-vue is an accessible design system framework and UI component library for Vue applications. It provides a collection of accessible, unstyled interface elements and pre-designed building blocks styled with Tailwind CSS, all of which are built on top of Radix Vue primitives. The project utilizes a command line interface to install specific components and themes directly into a local project directory rather than as pre-compiled dependencies. This distribution model allows users to own and modify the source code locally to create a custom design language. The library covers a broad range

    TypeScriptaccessiblecomponent-libraryradix-vue
    View on GitHub↗9,425
  • tailwindlabs/headlessuitailwindlabs avatar

    tailwindlabs/headlessui

    28,619View on GitHub↗

    Headless UI is a headless component library and accessible UI component kit that provides logic-only interface elements. It functions as a state-driven UI framework designed to provide functionality without prescribing any specific visual styles. The library is specifically designed for integration with Tailwind CSS, enabling the implementation of custom design systems. It allows users to apply visual styles to components based on whether they are active, selected, or open. The project covers the development of accessible UI components that meet ARIA standards and include built-in keyboard n

    TypeScripta11yaccessibilitycomponents
    View on GitHub↗28,619
  • ariakit/ariakitariakit avatar

    ariakit/ariakit

    8,573View on GitHub↗

    Ariakit is a headless component library and accessible UI component toolkit. It provides a set of unstyled web components with built-in accessibility patterns to ensure that screen readers and keyboard navigation function correctly. The project includes an adaptive color engine that calculates high-contrast text and dynamic surface colors for light and dark modes. It also features a concentric layout engine for computing nested padding, margins, and border radii for circular interface elements, alongside a design token system for managing global CSS variables. The toolkit covers broad capabi

    TypeScripta11yaccessibilityaccessible
    View on GitHub↗8,573
  • chakra-ui/arkchakra-ui avatar

    chakra-ui/ark

    5,004View on GitHub↗

    Ark is a headless UI component library that delivers accessible, cross-framework primitives with behavior governed by finite state machines. It provides unstyled components that encapsulate logic and accessibility — including full keyboard navigation, focus management, and WAI-ARIA support — while leaving visual styling entirely to the consumer. Components expose scoped data attributes for CSS targeting and use state machines to produce predictable, testable interactive behavior across every state transition. The library distinguishes itself through a state propagation model that distributes

    TypeScriptcomponentsdesign-systemheadless
    View on GitHub↗5,004
See all 30 alternatives to Shadcn Vue→