Base UI

什么是 Base UI？

Base UI 是一个无样式（Unstyled / Headless）的 React 组件库，专为构建可访问、可组合的用户界面而生。它不绑定任何视觉风格，不附带默认 CSS，只提供坚实的行为、键盘操作、焦点管理和无障碍支持。你可以用 Tailwind、CSS Modules、CSS-in-JS 或原生 CSS 任意定制，完全掌控最终外观。

目前已提供 35+ 个精心打磨的组件，涵盖 Dialog、Popover、Menu、Combobox、Select、Tabs、Accordion、Drawer 等常见交互场景，且持续更新。

Base UI 网站截图

三大核心特色

1. 真正的无样式，彻底自由
Base UI 的组件是“骨架”而非“成品”。没有需要覆盖的默认样式，也没有强制的主题系统。你想怎么设计就怎么设计，团队可以轻松打造独特且一致的设计系统，而不被库本身的审美限制。

2. 可访问性是第一优先级
组件严格遵循 WAI-ARIA 设计模式，并经过多种浏览器、设备、屏幕阅读器的测试。键盘导航、焦点管理、屏幕阅读器支持等细节都已内置，开发者无需从零实现，也能轻松做出符合 WCAG 标准的界面。

3. 高度可组合、可扩展
每个组件都采用开放式 API，你可以直接访问内部节点、自由增删部分，或按需包裹自定义逻辑。配合低层级 Hooks，即使要做完全定制的交互，也能从容应对。同时支持树摇（Tree-shaking），只打包你实际使用的组件，性能友好。

谁在用？适合谁？

Base UI 已被 shadcn/ui 等流行方案选作底层基础，也服务于需要长期维护专业设计系统的团队。它特别适合：

• 想要高度定制化界面的产品团队
• 注重无障碍体验的企业级应用
• 希望组件库“稳定、可维护、不绑架样式”的开发者

安装简单：即可开始使用。完全开源，支持商业用途。

写在最后

Base UI 的目标很清晰：提供一个面向未来、专业可靠的界面基础，让开发者把精力真正花在产品体验上，而不是反复造轮子或与样式打架。