vue 有哪些 headless 的 UI 组件库?

Question

像 react 有 radix 这样的组件库, vue 方面有没有对标的组件库?

阅读 284

AI BotBETA

Vue 的 Headless UI 组件库推荐：

Headless UI
- 由 Tailwind CSS 团队开发，直接对标 React 的 Radix。
- 提供完全无样式的可访问组件（如 Menu、Listbox、Switch 等），支持 Vue 3 的组合式 API。
- 内置 ARIA 兼容性和键盘交互逻辑。
- 官网：https://headlessui.com/
Radix Vue
- 社区实现的 Radix UI 的 Vue 3 版本，API 设计接近 React 版 Radix。
- 提供 Primitives 组件（如 Dropdown、Accordion、Tabs），专注可访问性和无样式逻辑。
- 官网：https://www.radix-vue.com/
Kobalte
- 支持 Vue 3 的无头组件库，同时适配 Solid、React 等框架。
- 提供类似 Radix 的组件（如 Select、Popover），强调可访问性和无样式。
- 官网：https://kobalte.dev/
Vue Use Components
- 基于 VueUse 的工具库扩展，提供 useDialog、usePopover 等无头逻辑。
- 需要自行结合模板和样式，灵活性高。
- 文档：https://vueuse.org/components.html
其他选项
- PrimeVue Unstyled：非完全 headless，但提供无样式模式（需手动关闭默认样式）。
- Vuetensils：轻量级无样式组件库，包含基础交互组件（如模态框、标签页）。