v1.5.0

This update contains a huge overhaul of the forms using React Hook Form & zod:

https://ui.shadcn.com/docs/components/form

Every auth form & settings form now has client side validation as well as shadcn styled error handling. Full support for localization for all errors as well. This also includes more gracefully preserving forms (e.g., sign up) on failure.

Another fix contained in this patch is using transitions for onSessionChange callbacks, this works great with Next.js when you have to call router.refresh to clear middleware cache. You don't need to call router.refresh() on page mount any longer to beat race conditions, simply just call it onSessionChange and the logins will wait for the useTransition hook to finish before routing to the redirectTo on success. This should fix any issues with redirects that may have occurred in certain setups.

v1.4.3

Two Factor Authentication is here!

After setting it up in your auth.tsx, just pass the twoFactor prop to the AuthUIProvider to enable it in the UI:

<AuthUIProvider twoFactor={["otp", "totp"]}>

It will default to the method that is first in the array. You can use either OTP, TOTP, or both.

v1.4.0

Tons of code cleanup.

settingsUrl has been renamed to settingsURL
InstantDB support: https://better-auth-ui.com/data/instantdb

v1.3.0

Breaking Changes

• [AuthUIProvider] Rename LinkComponent prop to Link
• [AuthUIProvider] Rename defaultRedirectTo prop to redirectTo

New Features

• [AuthUIProvider] Custom OAuth providers - otherProviders prop
• [AuthUIProvider] Custom Toasts - toast prop
• [AuthUIProvider] Confirm Password - confirmPassword prop
• [UserAvatar] Fix flickering when cached (New AvatarPrimitive)

v1.2.17

Features:

• PasskeysCard
• UserButton additionalLinks prop
• Fix authClient types issue
• Support latest better-auth-tanstack package (v1.2.30)

v1.2.8

Alright I think it's time to announce better-auth-ui v1.2! It supports better-auth v1.2 out of the box and has been updated to support the latest shadcn/ui components with TailwindCSS v4.

I've also updated the package to include a lot more features including UserAvatar, UserButton, Settings Cards, and more!

You can find the WIP (mostly finished) documentation here: https://better-auth-ui.com/

Demo: https://newtech.dev/auth/sign-in

I'd love to hear any feedback you have! Feel free to drop a DM or comment here.

Note There are a lot of breaking changes from the old version of better-auth-ui, so if you are using the old version I recommend reading the entire Getting Started section (Requirements & Installation) to update to the latest version. Future versions will have minimal breaking changes.

v1.0.0

Initial release! More to come soon...

npm install @daveyplate/better-auth-ui