Better Auth UI

Follow the steps below to install the @daveyplate/better-auth-ui library.

Install the Package

Install the @daveyplate/better-auth-ui library using your preferred package manager.

npm install @daveyplate/better-auth-ui@latest

pnpm add @daveyplate/better-auth-ui@latest

yarn add @daveyplate/better-auth-ui@latest

bun add @daveyplate/better-auth-ui@latest

For TailwindCSS v4, add the following @source to your global css, please note that the path must be relative:

styles/globals.css

@source "../node_modules/@daveyplate/better-auth-ui";

For TailwindCSS v3 (Deprecated), add the following content to your Tailwind config:

content: [
    "./node_modules/@daveyplate/better-auth-ui/dist/**/*.{js,ts,jsx,tsx,mdx}"
]

Now that you've installed @daveyplate/better-auth-ui, follow one of the guides below to integrate it with your preferred framework:

Next.js

TanStack Start

React