base-ui README

The project's README from github.com/mui/base-ui. As one markdown file: README.md.

Base UI

From the creators of Radix, Floating UI, and Material UI, Base UI is an unstyled UI component library for building accessible user interfaces.


Documentation

To get started, check out the Base UI documentation.

Contributing

Read our contributing guide to learn about our development process, how to propose bug fixes and improvements, and how to build and test your changes.

Releases

To see the latest updates, check out the releases.

Community

Team

License

This project is licensed under the terms of the MIT license.

base-ui (mui/base-ui)

Searching Database…

11.2K ·GitHub
这是什么?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 编写实践构建,项目所列的主题标签也体现了这一点,旨在开箱即用地提供无障碍行为。
Creator
mui
Size
51.1 MB
Stars
11.2K
Age
2y
Commits · 90 Days