Better Auth UI

Better Auth UI provides ready-to-use authentication components designed specifically for Better Auth. It offers pre-built components for common authentication flows such as Sign In, Sign Up, and Forgot Password.

Key features include:

• Full Customizability: Components are built on top of popular UI libraries, allowing you to own and style the code.
• Drop-in Ready: Pre-built components that can be added and configured quickly.
• Better Auth Native: Deep integration with Better Auth features like social logins and magic links.

Better Auth UI provides ready-to-use authentication components designed specifically for Better Auth.

Key features include:

• Fully Customizable: Built on top of shadcn/ui and HeroUI, allowing you to own and style the code.
• Drop-in Ready: Includes pre-built components for Sign In, Sign Up, Forgot Password, and more.
• Better Auth Native: Native support for Better Auth features like social logins and magic links.

The DeleteAccountVerificationEmail component includes the following features:

• Clearly states that account deletion is permanent.
• Includes a verification button and a fallback URL.
• Explains that ignoring the message keeps the account active.
• Supports expiration details, theming, branding, and localization.

The <OrganizationInvitationEmail /> component provides a complete, professional invitation template with the following capabilities:

• Identity: Displays the inviter's name and email, the organization's name, and an optional organization logo.
• Context: Shows the specific role being offered (e.g., member, admin, owner) and includes an optional expiration time.
• Actionable: Includes an 'Accept invitation' button that links directly to the settings invitations page and provides a fallback URL for manual copy/pasting.
• Security & UX: Includes a security notice for unexpected invitations, supports light/dark mode themes, and includes localization support.
• Branding: Supports customizable branding and styling.

The <ChangeEmailConfirmationEmail /> component includes the following features:

• Email Comparison: Displays both the current and the requested email addresses.
• Actionable UI: Includes an approval button and a fallback URL for manual clicking.
• Safety Messaging: Explains that ignoring the message leaves the address unchanged.
• Customization: Supports expiration details, theming, branding, and localization.

The <EmailChangedEmail /> component includes the following built-in capabilities:

• Email change notification: Specifically designed for security alerts regarding email updates.
• Data visibility: Displays both the previous and the new email addresses.
• Security actions: Includes a revert action button if the change was unauthorized.
• Support integration: Includes support contact information.
• Customization: Supports customizable branding, styling, and light/dark mode themes.
• Localization: Built-in support for localization.

The <ResetPasswordEmail /> component provides several built-in features for professional email templates:

• Password reset button and fallback URL: Ensures users can reset their password even if the button doesn't render correctly.
• Expiration time information: Informs users how long the reset link remains valid.
• Security notice: Provides warnings for unauthorized or suspicious requests.
• Customizable branding and styling: Allows for integration with your application's visual identity.
• Theme support: Works with both light and dark mode themes.
• Localization: Supports multiple languages for global user bases.

The <OtpEmail /> component provides several built-in features for verification emails:

• Prominent Display: Large, easy-to-read verification codes.
• Expiration Info: Clearly communicates how long the code is valid.
• Security Notices: Includes warnings regarding unauthorized requests.
• Theming: Supports both light and dark mode themes.
• Customization: Allows for branding and styling adjustments.
• Localization: Built-in support for different languages.

The <DeleteAccountVerificationEmail /> component includes the following built-in features:

• Permanent Deletion Warning: Clearly states that the account deletion is permanent.
• Verification UI: Includes a verification button and a fallback URL for clients that don't support buttons.
• Safety Messaging: Explains that ignoring the message keeps the account active.
• Customization Support: Supports expiration details, theming, branding, and localization.

The <NewDeviceEmail /> component includes the following built-in features for security notifications:

• Device information display: Shows browser, OS, location, and IP address.
• Sign-in timestamp: Displays exactly when the login occurred.
• Security actions: Includes a button for users to take action if the sign-in was unauthorized.
• Support info: Provides contact information for support.
• Customization: Supports customizable branding, styling, and light/dark mode themes.
• Localization: Built-in support for different languages.

The <OrganizationInvitationEmail /> component provides the following built-in capabilities:

• Inviter Details: Displays the name and email of the person sending the invitation.
• Organization Branding: Shows the organization name and an optional organization logo.
• Role Information: Clearly states the role being offered (e.g., member, admin, owner).
• Call to Action: Includes an 'Accept invitation' button that links directly to the settings invitations page.
• Resilience: Provides a fallback URL for users to manually copy and paste if the button fails.
• Contextual Info: Displays optional expiration times and security notices for unexpected invitations.
• Customization: Supports customizable branding, styling, light/dark mode themes, and localization.

The <PasswordChangedEmail /> component includes the following built-in features:

• Password change notification: Notifies the user of the event.
• Timestamp: Displays when the change occurred.
• Security action button: Provides a way for users to take action if the change was unauthorized.
• Support contact information: Includes details for contacting support.
• Customizable branding: Allows for styling and branding adjustments.
• Theme support: Works with both light and dark mode themes.
• Localization: Supports multiple languages.