Radix UI

Primitives · 无样式组件库 · 2026.02.16

40+
Primitives
13
Tokens
0
Styles
Design Tokens

Radix 采用中性灰度 + 基础色，Headless 设计理念，无预设样式。

:root {
  --radix-gray-1: #F7F7F7;
  --radix-gray-12: #1A1A1A;
  --radix-blue-9: #0066CC;
  --radix-green-9: #117711;
}
#F7F
#E0E
#A8A
#006
#117
#CC0
Responsive Grid

Radix 专注组件本身，不断点预设，由开发者自由控制。

/* Radix 不断点预设 */
/* 开发者自由控制 */
Headless
Accessible
Typography
  • Font: Inter — 开发者首选
  • Scale: 自定义 — 无预设
  • Focus: Headless UI
  • Priority: 语义化 + 无障碍
The Formula

Radix = Primitives × Accessibility

根基 = 原语 × 无障碍