BETTER-AUTH. UI

Introduction

Beautiful, ready-to-use authentication components for Better Auth

Better Auth UI provides beautiful, ready-to-use authentication components for Better Auth. Built with shadcn/ui, HeroUI, and Zaidan Solid, these components are fully customizable and easy to integrate.

Features

  • Fully Customizable — Built on shadcn/ui, HeroUI, and Zaidan Solid. Own your code, style it your way.
  • Drop-in Ready — Pre-built Sign In, Sign Up, Forgot Password, and more. Just add and configure.
  • Better Auth Native — Built specifically for Better Auth. Social logins, magic links, and more.

Choose Your Framework

Select a UI framework to get started with Better Auth UI.

shadcn/ui Sign In Component

shadcn/ui

Beautifully designed components

HeroUI Sign In Component

HeroUI

Modern React UI library

Solid installable UI

Zaidan Solid

Copied Solid components for TanStack Start

React Reference

Already picked a UI framework? Dive into the shared data layer that powers every Better Auth UI component.

React Reference

Hooks, queries, and mutations for every Better Auth endpoint.

Queries

Every auth read, with usage and server-side recipes.

Mutations

Every auth write, with mutation keys and cache side effects.

Last updated on

Quick Start

Getting Started with Better Auth UI for shadcn/ui

On this page

FeaturesChoose Your FrameworkReact Reference