Repolode
mui

mui/base-ui

无样式的 React 无障碍 UI 组件库,用于构建自定义设计系统。

Star
11,193
Fork
582
未关闭 Issue
429
最近提交
12小时前

这是什么?

Base UI 是一套用于构建用户界面的无样式 React 组件库。组件负责交互行为、无障碍支持和状态管理,视觉样式完全由开发者自行设计,因此可以适配任意设计系统或 CSS 方案。

该项目由 Radix、Floating UI 和 Material UI 的团队打造,适合希望获得无障碍交互元素、又不想套用预设视觉主题的开发者。文档、快速入门和版本发布说明可在 base-ui.com 查看。

项目使用 TypeScript 编写,采用 MIT 许可证发布,仓库中附有贡献指南,说明如何提交修复和构建、测试改动。

核心功能

  • 01组件不带样式,视觉设计完全由开发者掌控。
  • 02内置遵循 WAI-ARIA 规范的无障碍支持。
  • 03使用 TypeScript 编写,面向 React 应用。
  • 04可组合进自定义设计系统。

适用场景

  • 构建样式完全自主的自定义设计系统。
  • 在 React 应用中添加无障碍的对话框、菜单或表单控件,无需预设主题。
  • 在保持交互行为一致的前提下,从带样式的组件库迁移出来。

快速上手

  1. 1

    阅读文档中的 Base UI 快速入门指南

  2. 2

    查看发布页面了解最新更新

标签

常见问题

base-ui 是什么?
无样式的 React 无障碍 UI 组件库,用于构建自定义设计系统。 Base UI 是一套用于构建用户界面的无样式 React 组件库。组件负责交互行为、无障碍支持和状态管理,视觉样式完全由开发者自行设计,因此可以适配任意设计系统或 CSS 方案。
base-ui 可以免费使用吗?用的什么许可证?
base-ui 以 MIT 许可证开源。用于商业产品前,请先确认许可证条款。
base-ui 还在维护吗?
活跃维护中。base-ui 最近一次提交是在 2026年10月21日。
base-ui 适合用来做什么?
构建样式完全自主的自定义设计系统。 在 React 应用中添加无障碍的对话框、菜单或表单控件,无需预设主题。 在保持交互行为一致的前提下,从带样式的组件库迁移出来。
base-ui 怎么安装和运行?
阅读文档中的 Base UI 快速入门指南 查看发布页面了解最新更新
在哪里获取 base-ui?
源代码和安装说明在 GitHub 上:https://github.com/mui/base-ui

概要由 AI 根据项目 README 生成;GitHub 数据每日更新。

相关项目