Components, icons, and colors for building high‑quality, accessible UI. Free and open-source.

Unstyled, accessible, open source React primitives for high-quality web apps and design systems. With modal and non-modal modes, fine-grained focus control, accessible to screen readers. With submenus, checkable items, collision handling, arrow key navigation, and typeahead support.

Radix Primitives 是一个底层 UI 组件库，专注于无障碍功能、自定义和开发者体验。 您可以将这些组件用作设计系统的基础层，或者逐步采用它们。 我们大多数人对于常见的 UI 模式（如手风琴、复选框、组合框、对话框、下拉菜单、选择框、滑块和工具提示）都有相似的定义。 这些 UI 模式已 由 WAI-ARIA 记录在案，并被社区普遍理解。 然而，Web 平台为我们提供的实现方案并不完善。 它们要么不存在，要么功能不足，要么无法充分自定义。 因此，开发者被迫构建自定义组 …

2024年12月13日 · 在本文中，我将带你了解 Radix UI 是如何通过无头组件（Headless Components）和无样式组件（Unstyled Components）的设计理念，为开发者提供更强大的自定义能力。 Radix 的核心是 Primitives 仓库，也就是它的无头组件库。这些组件只提供交互逻辑，没有任何样式，开发者 ...

一个开源 UI 组件库，用于使用 Vue.js 构建高质量、无障碍的设计系统和 Web 应用程序。 Radix Vue 是 Radix UI 的非官方社区主导的 Vue 移植版本，因此我们在构建基本元素时共享相同的原则和愿景。 Radix Primitives 是一个低级 UI 组件库，专注于可访问性、自定义性和开发人员体验。 您可以将这些组件用作设计系统的基础层，也可以逐步采用它们。 我们大多数人对常见 UI 模式（如手风琴、复选框、组合框、对话框、下拉菜单、选择、滑块和工具提示）有类似的定义。 …

2024年6月12日 · Radix UI 是一套开源的、可定制的 React 组件库，它提供了一套设计系统，帮助开发者快速构建高质量的用户界面。 Radix UI 的组件遵循以下原则： 一致性：所有组件都遵循统一的设计语言和行为模式。 可访问性：组件设计考虑到了所有用户，包括使用辅助技术的用户。 可定制性：通过 CSS 变量和插槽（slots），开发者可以轻松定制组件的样式和行为。 Radix UI 提供了一系列核心组件，包括但不限于： Alert：用于显示通知和警告。 Button：标准的按钮组 …

An open-source UI component library for building high-quality, accessible design systems and web apps. Radix Primitives is a low-level UI component library with a focus on accessibility, customization and developer experience. You can use these components either as the base layer of your design system, or adopt them incrementally.

2024年11月7日 · Radix UI 是一个注重可访问性和性能的 React 组件库。每个组件都针对服务器端渲染（SSR）进行了优化，并遵循 ARIA 标准，这使其成为专业应用的理想选择。

Radix UI 3.0 刚刚发布，带来了新的布局引擎、新的组件和自定义调色板生成器，这个版本的发布是向着成为构建现代应用程序的最佳组件库迈出了一大步。

2024年10月24日 · Radix UI 的 Vue 移植版. 无样式、可访问的组件，用于在 Vue 中构建高质量的设计系统和 Web 应用程序。