# @daveyplate/better-auth-ui 中文文档

规范地址：https://npmcn.com/package/%40daveyplate/better-auth-ui/

版本：3\.4\.0
npm 元数据更新时间：2026-03-23T19:58:57.271Z
中文译文更新时间：2026-11-11T15:47:00.909Z
软件包许可：MIT

本文由上游 README 翻译，可能存在偏差，请结合原文核对 API、命令与配置。版权与许可归原作者所有。

原始 npm 页面：https://www.npmjs.com/package/%40daveyplate/better-auth-ui
原文对照：https://npmcn.com/package/%40daveyplate/better-auth-ui/?lang=original
项目主页：https://better-auth-ui.com/

## 关键信息（来自 npm 元数据）

- 包体积（解压后）：2.6 MB，243 个文件
- 模块格式：ESM + CJS
- TypeScript 类型：包内自带
- 运行依赖：11 个
- peer 依赖：@better-auth/passkey \>=1\.4\.6，@captchafox/react ^1\.10\.0，@daveyplate/better-auth-tanstack ^1\.3\.6，@hookform/resolvers \>=5\.2\.0，@instantdb/react \>=0\.18\.0，@marsidev/react-turnstile \>=1\.1\.0，@radix-ui/react-avatar \>=1\.1\.0，@radix-ui/react-checkbox \>=1\.1\.0，@radix-ui/react-context \>=1\.1\.0，@radix-ui/react-dialog \>=1\.1\.0，@radix-ui/react-dropdown-menu \>=2\.1\.0，@radix-ui/react-label \>=2\.1\.0，@radix-ui/react-primitive \>=2\.0\.0，@radix-ui/react-select \>=2\.2\.0，@radix-ui/react-separator \>=1\.1\.0，@radix-ui/react-slot \>=1\.1\.0，@radix-ui/react-tabs \>=1\.1\.0，@radix-ui/react-tooltip \>=1\.2\.0，@radix-ui/react-use-callback-ref \>=1\.1\.0，@radix-ui/react-use-layout-effect \>=1\.1\.0，@tanstack/react-query \>=5\.66\.0，@triplit/client \>=1\.0\.0，@triplit/react \>=1\.0\.0，better-auth ^1\.4\.6，class-variance-authority \>=0\.7\.0，clsx \>=2\.1\.0，input-otp \>=1\.4\.0，lucide-react \>=0\.469\.0，react \>=18\.0\.0，react-dom \>=18\.0\.0，react-hook-form \>=7\.55\.0，sonner \>=1\.7\.0，tailwind-merge \>=2\.6\.0，tailwindcss \>=3\.0\.0，zod \>=3\.0\.0
- 首次发布：2025-01-06T10:14:55.113Z
- 最新版本发布：2026-03-23T19:58:57.148Z
- 近 30 天下载量：1090909（2026-10-12 至 2026-11-10，npm 官方下载统计）
- 已发布版本数：208（近 12 个月 22 个）

## 中文简介

插件播放 Shadcn/ ui 组件, 用于更好的自动

## 安装

```sh
npm install @daveyplate/better-auth-ui
```

也可以使用：`pnpm add @daveyplate/better-auth-ui`、`yarn add @daveyplate/better-auth-ui`、`bun add @daveyplate/better-auth-ui`

## README

# 更好的授权 UI

![Better Auth UI Logo](https://raw.githubusercontent.com/daveyplate/better-auth-ui/main/docs/public/better-auth-ui-promo-dark.png)

## [(原始内容存档于2012-10-12). better-auth-ui.com](https://better-auth-ui.com/)

播放 shadcn/ ui 认证组件( P) [好一点了](https://better-auth.com/)。 。 。 .

-   _拥有您的 Auth_

[演示](https://newtech.dev/auth/login) - 说吧 [文档](https://better-auth-ui.com/) - 说吧 [路线图](https://betterauthui.featurebase.app/roadmap)

☕️ [给我买杯咖啡](https://buymeacoffee.com/daveycodez)

* * *

### 签名

![Sign In Dark](https://raw.githubusercontent.com/daveyplate/better-auth-ui/main/docs/public/screenshots/sign-in-dark.png)![Sign In Light](https://raw.githubusercontent.com/daveyplate/better-auth-ui/main/docs/public/screenshots/sign-in-light.png)

### 注册

![Sign Up Dark](https://raw.githubusercontent.com/daveyplate/better-auth-ui/main/docs/public/screenshots/sign-up-dark.png)![Sign Up Light](https://raw.githubusercontent.com/daveyplate/better-auth-ui/main/docs/public/screenshots/sign-up-light.png)

### 忘记密码

![Forgot Password Dark](https://raw.githubusercontent.com/daveyplate/better-auth-ui/main/docs/public/screenshots/forgot-password-dark.png)![Forgot Password Light](https://raw.githubusercontent.com/daveyplate/better-auth-ui/main/docs/public/screenshots/forgot-password-light.png)

### 用户按钮

![User Dropdown Dark](https://raw.githubusercontent.com/daveyplate/better-auth-ui/main/docs/public/screenshots/user-dropdown-dark.png)![User Dropdown Light](https://raw.githubusercontent.com/daveyplate/better-auth-ui/main/docs/public/screenshots/user-dropdown-light.png)

### 电子邮件模板

![Email Template Dark](https://raw.githubusercontent.com/daveyplate/better-auth-ui/main/docs/public/screenshots/email-template-dark.png)![Email Template Light](https://raw.githubusercontent.com/daveyplate/better-auth-ui/main/docs/public/screenshots/email-template-light.png)

### 设置卡

![Settings Cards Dark](https://raw.githubusercontent.com/daveyplate/better-auth-ui/main/docs/public/screenshots/settings-cards-dark.png)![Settings Cards Light](https://raw.githubusercontent.com/daveyplate/better-auth-ui/main/docs/public/screenshots/settings-cards-light.png)

* * *

完全定制!

API Keys,组织,还有更多!

## 许可证

这个项目根据麻省理工学院的许可证获得许可。 详情见LICENSE文件.

## 常见问题

### @daveyplate/better-auth-ui 是什么？

插件播放 Shadcn/ ui 组件, 用于更好的自动

### 如何安装 @daveyplate/better-auth-ui？

在项目目录运行 npm install @daveyplate/better-auth-ui，或使用 pnpm add / yarn add / bun add。它还需要宿主项目提供 peer 依赖：@better-auth/passkey（\>=1\.4\.6）、@captchafox/react（^1\.10\.0）、@daveyplate/better-auth-tanstack（^1\.3\.6）、@hookform/resolvers（\>=5\.2\.0）、@instantdb/react（\>=0\.18\.0）、@marsidev/react-turnstile（\>=1\.1\.0）、@radix-ui/react-avatar（\>=1\.1\.0）、@radix-ui/react-checkbox（\>=1\.1\.0）、@radix-ui/react-context（\>=1\.1\.0）、@radix-ui/react-dialog（\>=1\.1\.0）、@radix-ui/react-dropdown-menu（\>=2\.1\.0）、@radix-ui/react-label（\>=2\.1\.0）、@radix-ui/react-primitive（\>=2\.0\.0）、@radix-ui/react-select（\>=2\.2\.0）、@radix-ui/react-separator（\>=1\.1\.0）、@radix-ui/react-slot（\>=1\.1\.0）、@radix-ui/react-tabs（\>=1\.1\.0）、@radix-ui/react-tooltip（\>=1\.2\.0）、@radix-ui/react-use-callback-ref（\>=1\.1\.0）、@radix-ui/react-use-layout-effect（\>=1\.1\.0）、@tanstack/react-query（\>=5\.66\.0）、@triplit/client（\>=1\.0\.0）、@triplit/react（\>=1\.0\.0）、better-auth（^1\.4\.6）、class-variance-authority（\>=0\.7\.0）、clsx（\>=2\.1\.0）、input-otp（\>=1\.4\.0）、lucide-react（\>=0\.469\.0）、react（\>=18\.0\.0）、react-dom（\>=18\.0\.0）、react-hook-form（\>=7\.55\.0）、sonner（\>=1\.7\.0）、tailwind-merge（\>=2\.6\.0）、tailwindcss（\>=3\.0\.0）、zod（\>=3\.0\.0）。npm 7 及以上与 pnpm 8 及以上默认会自动安装必需的 peer 依赖，Yarn 需要手动安装。

### @daveyplate/better-auth-ui 支持 TypeScript 吗？

支持。包内自带 TypeScript 类型声明（package\.json 声明了 types 入口），安装后即可获得类型提示，无需再安装 @types 包。

### @daveyplate/better-auth-ui 支持 ESM 还是 CommonJS？

同时提供 ES Module 与 CommonJS 入口，import 和 require\(\) 都可以使用，打包工具会自动选择合适的版本。

### @daveyplate/better-auth-ui 可以商用吗？

@daveyplate/better-auth-ui 使用 MIT 许可。宽松许可：允许商业使用、修改和再分发，通常只需在分发时保留原版权与许可声明。以上为概括，不构成法律意见，请以许可原文为准。

### @daveyplate/better-auth-ui 的下载量有多少？

根据 npm 官方下载统计，@daveyplate/better-auth-ui 在 2026/10/12 – 2026/11/10 这 30 天内被下载 1,090,909 次，日均约 36,364 次。下载量会把 CI 构建、镜像同步和作为其他包依赖的安装一并计入，适合横向比较热度，不能直接等同于使用人数。

### @daveyplate/better-auth-ui 还在维护吗？

最新版本 3\.4\.0 发布于 2026/03/24（7 个月前）；至今共发布 208 个版本，其中过去 12 个月发布了 22 个；首次发布于 2025/01/06。发布频率只是参考信号：功能稳定的工具可能很少需要更新，建议结合源码仓库的 issue 和提交记录判断。

