sh4dcnv2 · atlas
← libraries

@better-auth-ui

Drop-in authentication components for Better Auth applications.

54 components pro available react shadcn-cli MIT

Install this registry

shadcn (npm) npx shadcn@latest add https://better-auth-ui.com/r/registry/registry.json
pnpm pnpm dlx shadcn@latest add https://better-auth-ui.com/r/registry/registry.json
bun bunx shadcn@latest add https://better-auth-ui.com/r/registry/registry.json
fetch registry curl -s https://better-auth-ui.com/r/registry/registry.json

Components

54 total
Auth Provider component

Wraps the Better Auth UI provider and mounts an ErrorToaster that surfaces query and mutation failures via sonner.

npx shadcn@latest add https://better-auth-ui.com/r/{style}/auth-provider.json
Additional Field component

Renders a configured additional user field on the sign-up form and user profile, with support for string, number, boolean, date, datetime, select, combobox, sl…

npx shadcn@latest add https://better-auth-ui.com/r/{style}/additional-field.json
Sign In component

A complete sign-in form component with email/password and social provider support.

npx shadcn@latest add https://better-auth-ui.com/r/{style}/sign-in.json
Anonymous component

Adds a Continue as guest button backed by Better Auth's anonymous plugin.

npx shadcn@latest add https://better-auth-ui.com/r/{style}/anonymous.json
Agent Auth component

Capability approval and grant revocation UI for Better Auth Agent Auth.

npx shadcn@latest add https://better-auth-ui.com/r/{style}/agent-auth.json
SSO and Email-First Sign In component

Discovers organization SSO from an email address and manages organization identity providers and domain verification.

npx shadcn@latest add https://better-auth-ui.com/r/{style}/sso.json
Last Login Method component

Adds a localized last-used indicator to email and social sign-in methods tracked by Better Auth.

npx shadcn@latest add https://better-auth-ui.com/r/{style}/last-login-method.json
Google One Tap item

Updates the authentication surfaces with the headless prompt slot used by the Google One Tap UI plugin.

npx shadcn@latest add https://better-auth-ui.com/r/{style}/one-tap.json
Sign Up component

A complete sign-up form component with name, email, password fields, and social provider support.

npx shadcn@latest add https://better-auth-ui.com/r/{style}/sign-up.json
Email OTP component

Email OTP plugin: passwordless sign-in with an emailed code, plus code-based replacements for email verification, password reset, and email changes.

npx shadcn@latest add https://better-auth-ui.com/r/{style}/email-otp.json
Phone Number component

Phone-number plugin with verification-code and password sign-in, password recovery, and verified phone-number management.

npx shadcn@latest add https://better-auth-ui.com/r/{style}/phone-number.json
Magic Link component

Magic-link plugin: passwordless email sign-in form, toggle button between password and magic-link routes, and the AuthPlugin scaffolding that registers the vie…

npx shadcn@latest add https://better-auth-ui.com/r/{style}/magic-link.json
Billing component

Provider-neutral plans, subscription, portal, seats, cancellation, restoration, and usage settings with Stripe and Polar adapters.

npx shadcn@latest add https://better-auth-ui.com/r/{style}/billing.json
Dash Activity component

Filtered personal, organization, and administrator audit logs backed by Better Auth Infrastructure Dash.

npx shadcn@latest add https://better-auth-ui.com/r/{style}/dash.json
OAuth Provider component

OAuth Provider plugin: authorization screens, connected applications, and personal or organization OAuth client management.

npx shadcn@latest add https://better-auth-ui.com/r/{style}/oauth-provider.json
Device Authorization component

Device authorization plugin: code entry, sign-in continuation, and approve or deny actions for Better Auth device requests.

npx shadcn@latest add https://better-auth-ui.com/r/{style}/device-authorization.json
Username component

Username plugin: username-based sign-in form and availability checking field. Registers a sign-in view that accepts both username and email, and a username fie…

npx shadcn@latest add https://better-auth-ui.com/r/{style}/username.json
Passkey component

Passkey plugin: WebAuthn sign-in button and passkey management card. Registers a passkey sign-in button on the sign-in form and a Passkeys security card in acc…

npx shadcn@latest add https://better-auth-ui.com/r/{style}/passkey.json
Sign in with Ethereum component

ERC-4361 wallet sign-in with optional email collection and server-authorized wallet account management.

npx shadcn@latest add https://better-auth-ui.com/r/{style}/siwe.json
Two-Factor component

Two-factor plugin: the post-password challenge for authenticator, emailed, and backup codes, plus the settings card for enrollment and backup-code management.

npx shadcn@latest add https://better-auth-ui.com/r/{style}/two-factor.json
API Key component

API Key plugin: list, create, copy, and revoke API keys. Registers an API Keys security card in account settings.

npx shadcn@latest add https://better-auth-ui.com/r/{style}/api-key.json
Admin component

Static administration shell with user management, a user inspector, session controls, and the stop-impersonating action.

npx shadcn@latest add https://better-auth-ui.com/r/{style}/admin.json
Multi Session component

Multi-session plugin: Enable multiple concurrent sessions with account switching. Registers account management cards in account settings and a switch account s…

npx shadcn@latest add https://better-auth-ui.com/r/{style}/multi-session.json
Organization component

Organization plugin: multi-tenant organization management with members, invitations, and roles. Registers direct invitation acceptance, an organizations settin…

npx shadcn@latest add https://better-auth-ui.com/r/{style}/organization.json
Theme component

Theme plugin: theme-library agnostic theme selection. Registers an Appearance card in account settings and a theme toggle in the user button. Pass `useTheme` f…

npx shadcn@latest add https://better-auth-ui.com/r/{style}/theme.json
Delete User component

Delete-user plugin: danger zone with DeleteAccount card and confirmation dialog. Registers a DangerZone security card in account settings when the plugin is re…

npx shadcn@latest add https://better-auth-ui.com/r/{style}/delete-user.json
Forgot Password component

A form component for requesting a password reset link via email.

npx shadcn@latest add https://better-auth-ui.com/r/{style}/forgot-password.json
Reset Password component

A form component for resetting password with a token from the URL.

npx shadcn@latest add https://better-auth-ui.com/r/{style}/reset-password.json
Verify Email component

A page prompting the user to verify their email, with a button to open their email provider and a resend button rate-limited by a cooldown timer.

npx shadcn@latest add https://better-auth-ui.com/r/{style}/verify-email.json
Auth Redirect component

A session-aware redirect view that safely continues authenticated users to a same-origin target or sends them through sign in first.

npx shadcn@latest add https://better-auth-ui.com/r/{style}/auth-redirect.json
Sign Out component

A component that signs the user out when mounted and displays a loading state.

npx shadcn@latest add https://better-auth-ui.com/r/{style}/sign-out.json
Auth component

A unified authentication component that renders the appropriate auth view based on path or view prop.

npx shadcn@latest add https://better-auth-ui.com/r/{style}/auth.json
User Avatar component

Renders the current user's avatar using session data. Shows a skeleton while loading and falls back to initials when no image is available.

npx shadcn@latest add https://better-auth-ui.com/r/{style}/user-avatar.json
User View component

Renders a user view that shows the user's avatar alongside their name and email.

npx shadcn@latest add https://better-auth-ui.com/r/{style}/user-view.json
User Button component

Renders a user button with dropdown menu showing user info, settings link, plugin-contributed menu items (e.g. theme toggle, account switcher), and sign-in/sig…

npx shadcn@latest add https://better-auth-ui.com/r/{style}/user-button.json
User Profile component

A form component for editing user profile information including name and avatar.

npx shadcn@latest add https://better-auth-ui.com/r/{style}/user-profile.json
Change Email component

A form component for changing the user's email address with verification.

npx shadcn@latest add https://better-auth-ui.com/r/{style}/change-email.json
Account Settings component

A container component that displays account settings including user profile, change email, and plugin-contributed account cards (e.g. appearance from the theme…

npx shadcn@latest add https://better-auth-ui.com/r/{style}/account-settings.json
Change Password component

A form component for users to change their password with current password verification.

npx shadcn@latest add https://better-auth-ui.com/r/{style}/change-password.json
Linked Accounts component

Display and manage linked social accounts. Shows all linked social accounts with the ability to unlink them, followed by available providers that can be linked.

npx shadcn@latest add https://better-auth-ui.com/r/{style}/linked-accounts.json
Active Sessions component

Display and manage all active sessions for the current user with revoke controls. Shows each session's browser, OS, and creation time.

npx shadcn@latest add https://better-auth-ui.com/r/{style}/active-sessions.json
Security Settings component

A container component that displays security settings including password management, linked accounts, plugin-contributed security cards (e.g. passkeys), active…

npx shadcn@latest add https://better-auth-ui.com/r/{style}/security-settings.json
Settings component

A unified settings component that renders the appropriate settings view based on path or view prop with tab navigation.

npx shadcn@latest add https://better-auth-ui.com/r/{style}/settings.json
Email Verification Email component

Email template component that sends email verification links to users.

npx shadcn@latest add https://better-auth-ui.com/r/{style}/email-verification-email.json
Magic Link Email component

Email template component that sends magic link authentication emails for passwordless sign-in.

npx shadcn@latest add https://better-auth-ui.com/r/{style}/magic-link-email.json
Reset Password Email component

Email template component that sends password reset links to users.

npx shadcn@latest add https://better-auth-ui.com/r/{style}/reset-password-email.json
Change Email Confirmation Email component

Email template component for approving an email address change from the current address.

npx shadcn@latest add https://better-auth-ui.com/r/{style}/change-email-confirmation-email.json
Delete Account Verification Email component

Email template component for verifying a permanent account deletion request.

npx shadcn@latest add https://better-auth-ui.com/r/{style}/delete-account-verification-email.json
Password Changed Email component

Email template component that notifies users when their password has been changed.

npx shadcn@latest add https://better-auth-ui.com/r/{style}/password-changed-email.json
Email Changed Email component

Email template component that notifies users when their email address has been changed.

npx shadcn@latest add https://better-auth-ui.com/r/{style}/email-changed-email.json
OTP Email component

Email template component that sends one-time password (OTP) verification codes to users.

npx shadcn@latest add https://better-auth-ui.com/r/{style}/otp-email.json
New Device Email component

Email template component that notifies users when a new device signs in to their account.

npx shadcn@latest add https://better-auth-ui.com/r/{style}/new-device-email.json
Organization Invitation Email component

Email template component that invites a user to join an organization.

npx shadcn@latest add https://better-auth-ui.com/r/{style}/organization-invitation-email.json
All item

Installs every Better Auth UI component, plugin, and email template in one shot.

npx shadcn@latest add https://better-auth-ui.com/r/{style}/all.json