Radix UI

Radix UI 是一个开源的前端组件库，专注于提供无样式、可访问性优先的 React 原语组件。其核心产品包括 Themes（主题）、Primitives（原语）、Icons（图标）和 Colors（色彩），旨在帮助开发者快速构建高质量、易维护且支持无障碍访问的用户界面。

核心内容与功能

• Themes：提供完整的主题系统，支持快速定制外观，包含按钮、卡片、对话框等常见 UI 组件，并内置暗色模式。（如 Radix Themes 3.0 版本）
• Primitives：无样式的底层原语组件，如 Dialog、Dropdown Menu、Tabs 等，开发者可完全控制样式，同时确保键盘导航和屏幕阅读器兼容性。
• Icons：一组高质量的开源图标，可直接用于 React 项目。
• Colors：精心设计的色彩系统，提供可组合的色阶，便于统一应用配色。

适用人群

主要面向 React 前端开发者，特别是需要构建复杂交互且要求无障碍支持的项目团队。适合追求代码可控性、设计一致性和开发效率的中高级开发者。

使用方式

通过 npm 或 yarn 安装相关包（如 @radix-ui/themes、@radix-ui/react-dialog），然后导入所需组件和样式。无需额外配置主题或无障碍属性，组件默认遵循 WAI-ARIA 标准。官方提供详细的文档和在线 Playground 供试用。

注意事项

Radix UI 并非 UI 框架，而是提供构建 UI 的“原语”层。开发者需自行组装组件并添加样式。虽然组件自带无障碍支持，但仍建议对最终界面进行专业无障碍审计。图标和色彩系统可独立使用，但与其他组件搭配更佳。