# @daveyplate/better-auth-ui

> Plug & play shadcn/ui components for better-auth

Latest version **3.4.0** (published 2026-03-23) · MIT license · 0 weekly downloads

## Install

```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
```

## Health

**Score 55/100 (C)** — status: stable.

Positive: has types; esm support; no vulnerabilities.

Warnings: low downloads.

## Facts

| | |
|---|---|
| Version | 3.4.0 |
| Published | 2026-03-23 |
| First published | 2025-01-06 |
| Weekly downloads | 0 |
| License | MIT |
| TypeScript types | bundled |
| Module format | ESM + CommonJS |
| Dependencies | 11 |
| Unpacked size | 2.4 MB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| Author | daveycodez |
| Maintainers | leakeddave, daveycodez |
| Keywords | typescript, react, better-auth, shadcn, nextjs |

## Links

- npm: https://www.npmjs.com/package/@daveyplate/better-auth-ui
- Homepage: https://better-auth-ui.com
- npm.io page: https://npm.io/package/@daveyplate/better-auth-ui

## Dependencies (11)

- [vaul](https://npm.io/package/vaul.md) ^1.1.2
- [bowser](https://npm.io/package/bowser.md) ^2.11.0
- [better-call](https://npm.io/package/better-call.md) 2.0.2
- [@noble/hashes](https://npm.io/package/@noble/hashes.md) ^2.0.1
- [react-qr-code](https://npm.io/package/react-qr-code.md) ^2.0.18
- [@better-fetch/fetch](https://npm.io/package/@better-fetch/fetch.md) ^1.1.21
- [@better-auth/api-key](https://npm.io/package/@better-auth/api-key.md) ^1.5.6
- [react-google-recaptcha](https://npm.io/package/react-google-recaptcha.md) ^3.1.0
- [@react-email/components](https://npm.io/package/@react-email/components.md) ^1.0.10
- [@hcaptcha/react-hcaptcha](https://npm.io/package/@hcaptcha/react-hcaptcha.md) ^2.0.2
- [@wojtekmaj/react-recaptcha-v3](https://npm.io/package/@wojtekmaj/react-recaptcha-v3.md) ^0.1.4

## Alternatives

- [mobx-react](https://npm.io/package/mobx-react.md) — 2.8M weekly downloads
- [rc-tree](https://npm.io/package/rc-tree.md) — 2.6M weekly downloads
- [@react-oauth/google](https://npm.io/package/@react-oauth/google.md) — 1.3M weekly downloads
- [@wagmi/connectors](https://npm.io/package/@wagmi/connectors.md) — 877.0K weekly downloads
- [vee-validate](https://npm.io/package/vee-validate.md) — 836.4K weekly downloads

## Recent versions

- 3.4.0 (latest) — 2026-03-23
- 3.3.15 — 2026-01-12
- 3.3.14 — 2026-01-10
- 3.3.13 — 2026-01-10
- 3.3.12 — 2026-01-02
- 3.3.11 — 2026-01-02
- 3.3.10 — 2025-12-24
- 3.3.9 — 2025-12-19
- 3.3.8 — 2025-12-18
- 3.3.7 — 2025-12-18
- 3.3.6 — 2025-12-18
- 3.3.5 — 2025-12-18
- 3.3.4 — 2025-12-17
- 3.3.3 — 2025-12-16
- 3.3.2 — 2025-12-15
- … 193 more at https://npm.io/package/@daveyplate/better-auth-ui/versions

## README

# Better Auth UI

<picture>
    <source srcset="https://raw.githubusercontent.com/daveyplate/better-auth-ui/main/docs/public/better-auth-ui-promo-dark.png" media="(prefers-color-scheme: dark)">
    <source srcset="https://raw.githubusercontent.com/daveyplate/better-auth-ui/main/docs/public/better-auth-ui-promo-light.png" media="(prefers-color-scheme: light)">
    <img src="https://raw.githubusercontent.com/daveyplate/better-auth-ui/main/docs/public/better-auth-ui-promo-dark.png" alt="Better Auth UI Logo">
</picture>

## [better-auth-ui.com](https://better-auth-ui.com)

Plug & play shadcn/ui auth components for [better-auth](https://better-auth.com).

- *Own Your Auth*

[Demo](https://newtech.dev/auth/login) - [Documentation](https://better-auth-ui.com) - [Roadmap](https://betterauthui.featurebase.app/roadmap)

☕️ [Buy me a coffee](https://buymeacoffee.com/daveycodez)

---

### Sign In

<img src="https://raw.githubusercontent.com/daveyplate/better-auth-ui/main/docs/public/screenshots/sign-in-dark.png" alt="Sign In Dark" width="384" /><img src="https://raw.githubusercontent.com/daveyplate/better-auth-ui/main/docs/public/screenshots/sign-in-light.png" alt="Sign In Light" width="384" />

### Sign Up

<img src="https://raw.githubusercontent.com/daveyplate/better-auth-ui/main/docs/public/screenshots/sign-up-dark.png" alt="Sign Up Dark" width="384" /><img src="https://raw.githubusercontent.com/daveyplate/better-auth-ui/main/docs/public/screenshots/sign-up-light.png" alt="Sign Up Light" width="384" />

### Forgot Password

<img src="https://raw.githubusercontent.com/daveyplate/better-auth-ui/main/docs/public/screenshots/forgot-password-dark.png" alt="Forgot Password Dark" width="384" /><img src="https://raw.githubusercontent.com/daveyplate/better-auth-ui/main/docs/public/screenshots/forgot-password-light.png" alt="Forgot Password Light" width="384" />

### User Button

<img src="https://raw.githubusercontent.com/daveyplate/better-auth-ui/main/docs/public/screenshots/user-dropdown-dark.png" alt="User Dropdown Dark" width="182" /><img src="https://raw.githubusercontent.com/daveyplate/better-auth-ui/main/docs/public/screenshots/user-dropdown-light.png" alt="User Dropdown Light" width="182" />

### Email Template

<img src="https://raw.githubusercontent.com/daveyplate/better-auth-ui/main/docs/public/screenshots/email-template-dark.png" alt="Email Template Dark" width="384" /><img src="https://raw.githubusercontent.com/daveyplate/better-auth-ui/main/docs/public/screenshots/email-template-light.png" alt="Email Template Light" width="384" />

### Settings Cards

<img src="https://raw.githubusercontent.com/daveyplate/better-auth-ui/main/docs/public/screenshots/settings-cards-dark.png" alt="Settings Cards Dark" width="384" /><img src="https://raw.githubusercontent.com/daveyplate/better-auth-ui/main/docs/public/screenshots/settings-cards-light.png" alt="Settings Cards Light" width="384" />

---

Fully customizable!

Coming Soon: API Keys, Organization, and more!

## License

This project is licensed under the MIT License. See the LICENSE file for details.

---
_Source: https://npm.io/package/@daveyplate/better-auth-ui · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._