Better Auth UI

Overview

Better Auth UI is an open-source, MIT-licensed set of authentication, account settings and organization components for apps using Better Auth. It supports React with shadcn/ui or HeroUI, and SolidJS with Zaidan, so the same auth flows can match different stacks. The shadcn version is installed into the codebase with the CLI, starting from the @better-auth-ui/auth item.

The registry serves 54 items, many of them mapped to individual Better Auth plugins. Installing a plugin component registers its views in the sign-in form or account settings, so adding passkeys or API keys also adds the matching settings card. The project includes docs, a Storybook and a live demo.

Features

• Authentication: Sign-in, sign-up, social login, password recovery, guest access and a last-used login method indicator.
• Passwordless options: Magic link, email OTP, phone number, passkeys and Sign-In with Ethereum.
• Security: Two-factor authentication with authenticator, email and backup codes, plus email verification.
• Account settings: Profile editing, change email and password, linked accounts, multi-session switching and account deletion.
• Organizations: Members, invitations, teams, roles and SSO with domain verification.
• Developer features: API key management, OAuth provider screens, device authorization and an admin shell with user management.
• Billing and audit: Plans, subscriptions and seats with Stripe and Polar adapters, and audit logs via Better Auth Dash.
• Email templates: Templates for email change, account deletion and organization invitations.

Tech stack

• Better Auth
• React with shadcn/ui or HeroUI; SolidJS with Zaidan
• Sonner for error toasts

Registry

Install via the shadcn CLI registry:

npx shadcn@latest add @better-auth-ui/component-name