这是什么?
Base UI 是一个开源的、无样式的 React 组件库,用于构建无障碍的用户界面和设计系统,由 Radix、Floating UI 和 Material UI 背后的团队开发。
这是带样式的组件套件,还是需要我自己设置样式?
它在设计上就是无样式的:Base UI 只提供组件逻辑和无障碍交互行为,你需要自己在上面添加 CSS、CSS-in-JS 或设计令牌。
如何将它添加到 React 项目中?
使用你的包管理器安装该包,并导入所需的组件,具体步骤请参考 Base UI 官方文档中的设置教程。
使用它需要 React 吗?
需要。Base UI 是一个 React 组件库,因此你的应用必须有 React;该仓库本身以 pnpm/Lerna 单体仓库的形式开发(pnpm 12.4.1,Node >=22.23.2)。
它是否包含任何默认的视觉样式?
没有。由于组件被有意设计为无样式,你需要自己编写样式或自行对接设计系统,它没有内置主题或 CSS。
这是给应用开发者还是设计系统作者使用的?
两者都适用:应用开发者可以直接使用无障碍基础组件,而正在构建自有组件库或设计系统的团队则可以将 Base UI 作为无样式、无障碍的基础。
为什么 Material UI 团队要再做一个无样式组件库?
为了给开发者提供完全无样式、符合 WAI-ARIA 标准的基础组件,让他们拥有完全的设计自由。团队借鉴了 Radix 的无头(headless)方法,并结合了多年发布 Material UI 的经验。
Base UI 与 Radix 和 Floating UI 有什么关系?
它由相同的核心创建者开发,将 Radix 的无样式基础组件理念与 Floating UI 的定位引擎整合进一个统一的 React 库中。
Base UI 是否在持续维护?
是的。该仓库运行 CI(代码检查、CodeQL、发布自动化),定期发布版本,并且 GitHub Star 数超过 1.1 万,说明它仍在积极开发中。
这些组件以哪项无障碍标准为目标?
这些组件围绕 WAI-ARIA 编写实践构建,项目所列的主题标签也体现了这一点,旨在开箱即用地提供无障碍行为。
What are similar projects?
chakra-ui, kumo, react-spectrum, arc-library, headlessui, primitives, bootstrap-vue, fluentui
Which topics is it in?
a11y, wai-aria, design-systems, react-components, headless, components, ui-library, design-system, accessibility, monorepo, component-library, ui-components