跳到主要内容

无头组件库

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