开始使用

JoyUI 是 React 19 + Tailwind CSS v4 + React Aria 的设计系统文档站，侧栏覆盖快速入门 / 基础规范 / 基础组件 / 组合组件 / 图表 / 模板全部条目。

三条路径

pnpm add @joyui/react react-aria-components @remixicon/react

@import "tailwindcss";
@import "@joyui/react/styles.css";

import { Button, DataTable, AdminDashboard } from "@joyui/react";

详见安装。

{
  "mcpServers": {
    "joyui": {
      "command": "npx",
      "args": ["-y", "@joyui/cli@latest", "mcp"]
    }
  }
}

然后让 Agent：list_components → 优先引导使用 @joyui/react 整库安装。

pnpm install
pnpm --filter @joyui/docs dev

打开侧栏任一组件页查看实况预览。