Getting Started

Introduction

Auth UI for Better Auth in Nuxt, built with Nuxt UI.

@treygrr/nuxt-better-auth-ui is a Nuxt module that adds the pages around Better Auth, so you don't build them yourself:

  • Sign-in pages: sign in, sign up, forgot and reset password, two-factor, and the extras you turn on: passkeys, sign-in links, codes by email or text, guests, single sign-on.
  • An account page where people manage their own profile, security, devices and data.
  • Organizations: each organization's own page, with members, invitations, teams, roles and SSO providers.
  • An admin dashboard at /admin, where staff manage users through Better Auth's Admin plugin.
  • Auth emails with your own templates and delivery.

Everything is configured under betterAuthUi in nuxt.config.ts. When a feature needs a Better Auth plugin, the module adds it for you, and the pages also pick up plugins your own Better Auth config adds.

Built on

  • Better Auth through @nuxtjs/better-auth: every action goes through Better Auth, which checks it on its server.
  • Nuxt UI: the pages use its components, so they follow your app's colours and dark mode.
  • Nuxt 4.

Next steps

Installation

Add the module to your Nuxt app, in five steps.

Configuration

How features are turned on, and every option at a glance.

Admin dashboard

Manage users, sessions, roles and the audit log.

GitHub

The source, issues and changelog.