Better Auth UI

Prerequisites

Before you start, make sure you have the following prerequisites integrated into your project:

Install the components

Install the shadcn/ui components using shadcn CLI.

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

Install the package

Install @better-auth-ui/shadcn using your preferred package manager.

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

Configure TailwindCSS

Add the following @import to your global css.

styles/app.css

@import "@better-auth-ui/shadcn/styles";

Follow a framework-specific guide to integrate Better Auth UI into your project.

Integrate Better Auth UI with TanStack Start

Integrate Better Auth UI with Next.js