Introduction

@daveyplate/better-auth-ui offers a comprehensive suite of ready-to-use, shadcn/ui-styled components designed for swift implementation of authentication features within your Next.js and React applications. It integrates seamlessly with the better-auth library.

Why Choose Better Auth UI?

• Effortless: Enjoy plug-and-play authentication components that simplify setup.
• Customizable: Fully styled with TailwindCSS and shadcn/ui, these components are easily extensible to meet your specific design and functional requirements.
• Robust: Engineered with modern best practices, ensuring seamless compatibility and reliable performance within your existing React projects.

Key Features

• Fully Responsive UI: Components are designed to look great and function perfectly across all device sizes.
• TailwindCSS & shadcn/ui Support: Leverages the power of TailwindCSS and shadcn/ui for modern, elegant styling.
• First-Class Integration: Built to work flawlessly with better-auth, providing a cohesive authentication experience.

Screenshots

Explore examples of the powerful components offered by @daveyplate/better-auth-ui below.

Sign In

Sign Up

Forgot Password

User Button & Dropdown

Avatar Examples:

Component Screenshots:

Email Template

Settings Cards

Next Steps

Before proceeding with the installation, please ensure all necessary requirements are met to seamlessly integrate @daveyplate/better-auth-ui into your project.

Requirements

Installation

LLMs.txt

Better Auth UI includes an LLMs.txt file, designed to assist AI models in understanding and interacting with your authentication UI. This file can be accessed at https://better-auth-ui.com/llms.txt.