unovue/shadcn-vue

Features

• Design System Foundations - Offers a foundation of accessible, unstyled primitives and design tokens for building a custom design system.
• Local-Source Component Distribution - Downloads raw source code directly into the user project folder, allowing full ownership and modification of components.
• Component Installation CLIs - Ships a command line tool to automate the injection of component source code and themes into projects.
• Accessible Interface Design - Ensures inclusive user interfaces by providing accessible form inputs, modals, and navigation elements.
• Vue UI Libraries - Provides a custom design system with accessible Vue components that can be modified locally.
• Radix UI Ports - Wraps Radix Vue primitives to provide accessible and unstyled behavioral components.
• Tailwind Component Collections - Provides a collection of pre-designed UI building blocks styled with Tailwind CSS utility classes.
• CSS Variable Theming - Maps design tokens to native CSS variables to enable dynamic runtime theme switching.
• Design Systems - Provides a foundation for custom design languages with accessible components and built-in dark mode support.
• Accessible Form Patterns - Implements semantic markup and labeling strategies to ensure forms are fully compatible with assistive technologies.
• Headless UI Components - Provides unstyled logic layers that manage accessibility and state, leaving visual rendering to the user.
• Theme Style Customizations - Provides mechanisms for overriding design tokens like colors and spacing using native CSS variables.
• Form Input Components - Provides interactive input elements such as text fields and checkboxes with integrated validation and labels.
• Utility-First CSS - Utilizes a utility-first CSS approach via Tailwind CSS to build complex custom interfaces.
• CLI Installers - Provides a command line interface for installing specific interface elements directly into local projects.
• Design System Implementations - Implements a consistent visual language for Vue applications using global theme variables and modular components.
• AI Component Management - Integrates with model context servers to allow AI assistants to browse and install components via natural language.
• Model Context Protocol Servers - Implements a Model Context Protocol server to expose component libraries to external AI assistants.
• Data Visualization - Includes components for rendering structured information into interactive tables and formatted data cards.
• AI-Assisted Development - Enables AI-assisted development by letting assistants search and install Vue components via natural language.
• JSON Component Registries - Uses a JSON-based registry to fetch component definitions and source code for local installation.
• Date Selection Components - Provides interactive calendar and date picker components for selecting specific dates or ranges.
• Layout Managers - Offers structural components like sidebars, accordions, and tabs to organize UI elements and page content.
• Select Inputs - Includes dropdowns and select menus for choosing one or more values from a provided list.
• Overlay Components - Ships floating UI elements such as dialogs, popovers, and tooltips that appear above the main content.
• Color Modes - Supports switching visual appearance between light and dark modes across build environments.
• Status Indicators - Ships UI components like progress bars and loading spinners to provide feedback on application state.
• Component Registries - Provides a system for distributing reusable UI elements through a standardized registry.
• UI Component Frameworks - Community-led port of reusable, accessible UI components.

Star history