无头组件库
UI 组件开发模式,它只关心行为逻辑,不涉及 UI 的具体实现,从而允许开发者自由定制 UI
无 UI 组件,框架仅提供逻辑,UI 交给业务实现
- HeadlessUI
- shadcn/ui
- RadixUi
- Base UI
使用率与行业趋势
-
shadcn/ui:过去几年增长极快,在现代 Tailwind + Next.js 项目中非常流行,GitHub ⭐ 数增长迅猛,被视为“现代开发首选”解决方案之一。
-
Radix UI:在业界被广泛作为无样式基础组件的首选底层库,特别是在需要严谨交互和可访问性的专业团队中有深度应用。
-
Base UI:作为较新的同类解决方案生态仍增长中,采用度相对略低,现在更多被认为是“未来派 headless 方案”。
使用广泛度: shadcn/ui ≥ Radix UI > Base UI