Base UI 无样式 React 组件库,无障碍开箱即用,前端 UI 组件下载推荐

Base UI 是一个面向 React 的无样式(headless)组件库,由 Radix UI 与 MUI 团队的核心成员共同打造,目标是为开发者提供一套可访问性完备、行为逻辑严谨的底层 UI 组件。它不提供任何预设视觉样式,开发者可以完全掌控外观,同时直接获得键盘导航、焦点管理、ARIA 语义等无障碍能力。Base UI 覆盖 Accordion、Dialog、Menu、Select、Combobox、Popover、Slider、Toast 等数十个常用组件,并配套 Styling、Animation、Composition、Forms、TypeScript 等手册文档。

2026 年 10 月发布的 v1.9.0 版本带来了菜单筛选能力,以及 Select、Combobox、Menu 的性能优化与 Drawer 手势交互改进,可通过 官方发布说明 查看完整变更。

痛点是什么

自己从零写一套下拉菜单、弹窗或选择器,最麻烦的往往不是样式,而是那些看不见的细节:焦点该落在哪里、Esc 键怎么处理、屏幕阅读器能否正确朗读、嵌套弹层会不会互相干扰。很多团队用现成组件库省事,却又被固定视觉风格绑住,改一处样式要覆盖一堆类名。更头疼的是长列表菜单没有筛选,用户只能一行行翻找;异步加载的自动补全结果高亮错乱;移动端抽屉手势在 120Hz 屏幕上速度失真。这些问题散落在各个项目里反复出现,消耗大量调试时间。

主要功能特点

Base UI 把交互行为与视觉表现彻底分离,让开发者用最少的代码获得经过打磨的组件逻辑,v1.9.0 进一步补齐了筛选、性能与手势体验。

菜单筛选能力

通过 Menu.FilterProvider 与 Menu.Input,菜单可直接支持输入筛选,长列表查找一步到位。

性能与异步优化

Select、Combobox、Menu 的大列表挂载更快,异步结果的高亮与事件传递更准确。

Drawer 手势改进

修复高刷新率下的滑动速度失真,并优化 iOS 虚拟键盘与焦点滚动表现。

为什么值得关注

对于正在搭建设计系统或希望摆脱样式束缚的 React 团队,Base UI 提供了一条兼顾无障碍与自由度的路径,v1.9.0 的更新也说明项目仍在高频迭代。

无样式但无障碍完备

组件默认处理键盘、焦点与 ARIA,样式完全由你决定,适配任意设计体系。

持续修复真实场景问题

版本更新聚焦 Shadow DOM、Strict Mode、移动端手势等细节,工程可靠性稳步提升。

推荐信息
Colm Tuite
Colm Tuite @colmtuite 2026年10月13日 20:13

去让你的菜单支持筛选吧

2026-10-09 22:46
v1.9.0 🚀
✔ 菜单现在可筛选
✔ 提升了 Select、Combobox 和 Menu 的性能
✔ 改进了 Drawer 手势 + 交互
✔ 更好的异步 Autocomplete + Combobox
✔ 数十项 a11y、焦点和交互修复
https://base-ui.com/react/overview/releases/v1-9-0 https://t.co/s5rj2vd0Bq
❤ 660🔁 38⭐ 214👁 22329
Base UI 无样式 React 组件库,无障碍开箱即用,前端 UI 组件下载推荐 哔哩哔哩视频封面