Quick Start
Getting Started with Better Auth UI for HeroUI
Prerequisites
Before you start, make sure you have the following prerequisites integrated into your project:
Installation
Install the libraries
Install @better-auth-ui/heroui, @better-auth-ui/react, and @better-auth-ui/core using your preferred package manager.
npm install @better-auth-ui/heroui@latest @better-auth-ui/react@latest @better-auth-ui/core@latestConfigure TailwindCSS
Add the following @import to your global css.
@import "@better-auth-ui/heroui/styles";Next Steps
Follow a framework-specific guide to integrate Better Auth UI into your project.
TanStack Start
Integrate Better Auth UI with TanStack Start
Next.js
Integrate Better Auth UI with Next.js
React Reference
Every HeroUI component is built on the shared @better-auth-ui/react data layer. Dive into the hooks and query primitives when you need to read, mutate, or extend auth state directly.
Last updated on