base-ui-react

仓库创建 2025年11月8日最近提交 29 天前SkillHot 收录 22 天前

▸ 精选理由

为需要完全样式控制与可访问性的项目提供组件基础

这个 Skill 做什么

MUI 的无样式可访问 React 组件集合，支持 Floating UI 定位

MUI 的无样式可访问 React 组件集合，和 Floating UI 集成，提供行为和可访问性保障但不带默认样式，方便你按品牌自定义外观。用在需要无样式可访问控件、从 Radix 迁移或遇到定位/弹出层问题时，支持 render props API。特别之处是把无样式灵活性和可访问性结合，让你能专注于样式而不担心交互/定位细节。

▸ 展开 SKILL.md 英文原文

MUI Base UI unstyled React components with Floating UI. Use for accessible components, Radix UI migration, render props API, or encountering positioning, popup, v1.0 beta issues.

开发编程React无样式组件可访问性通用

180

Stars

Forks

仓库内 Skill

7 日增星

安装 / 使用

给你的 Agent 一句话（通用）

帮我安装这个 skill：https://raw.githubusercontent.com/secondsky/claude-skills/main/plugins/base-ui-react/skills/base-ui-react/SKILL.md

或 curl 直取 SKILL.md

curl -fsSL "https://raw.githubusercontent.com/secondsky/claude-skills/main/plugins/base-ui-react/skills/base-ui-react/SKILL.md"

SKILL.MD 节选查看完整文件 ↗

# Base UI React

**Status**: Beta (v1.0.0-beta.4) ⚠️ | **Last Verified**: 2025-11-18

---

## What Is Base UI?

MUI's unstyled, accessible React component library:
- 27+ accessible components
- Render props pattern
- Full styling control
- Floating UI integration
- Alternative to Radix UI

**Beta status:** v1.0.0-beta.4 (stable v1.0 expected Q4 2025)

---

## Quick Start

### Install

```bash
bun add @base-ui-components/react
```

### Basic Dialog

```typescript
import * as Dialog from '@base-ui-components/react/dialog';

export function MyDialog() {
  return (
    <Dialog.Root>
      <Dialog.Trigger>Open</Dialog.Trigger>
      <Dialog.Portal>
        <Dialog.Backdrop />
        <Dialog.Popu

via SKILL·HOT · 数据来自 GitHub 公开信息 · 原文版权归作者所有