AlignUI — 基于 Radix UI 与 Tailwind CSS 构建的高质感组件库,支持 CLI 源码级导入。

基于 Radix UI 与 Tailwind CSS 构建的高质感组件库,支持 CLI 源码级导入。

包含组件

49
AccordionAlertAvatarAvatar GroupAvatar Group CompactBadgeBannerBreadcrumbButtonButton GroupCheckboxColor PickerCommand MenuCompact ButtonData TableDatepickerDigit InputDividerDot StepperDrawerDropdownFancy ButtonFile UploadHintHorizontal StepperInputKbdLabelLink ButtonModalNotificationPaginationPopoverProgress BarProgress CircleRadioRatingSegmented ControlSelectSliderStatus BadgeSwitchTab Menu HorizontalTab Menu VerticalTagTextareaToastTooltipVertical Stepper

AlignUI 是一套基于 Radix UI 底层原语与 Tailwind CSS 构建的现代设计系统与高完成度 React 组件合集。它摒弃了传统黑盒 NPM 包封装模式,依托专用的 @alignui/cli 实现源码级解耦分发与按需注入,赋予开发者完全的代码掌控与定制自由。系统不仅深度打通 Figma 设计令牌(Tokens)与代码实现,原生支持 OKLCH 宽色域、自适应暗色模式与完备的无障碍键盘交互,还提供了涵盖取色器、步进器与数据表格等丰富的高阶交互组件。