How do I install the Vibe UI Auth 01 component?

You can install Auth 01 into your React or Next.js project using the Vibe UI CLI: run "npx vibe-ui-kit add auth-01" in your terminal.

Does Vibe UI Auth 01 support Tailwind CSS v4?

Yes, Vibe UI natively supports both modern Tailwind CSS v4 (@theme directives) and Tailwind CSS v3 with zero configuration.

Is the Vibe UI Auth 01 component accessible?

Yes, Vibe UI primitives are built upon WAI-ARIA compliant Radix UI primitives with full keyboard navigation and screen reader support.

Auth 01

A comprehensive authentication block featuring sleek glassmorphism cards for Sign In, Account Registration, Forgot Password recovery, and Password Reset workflows with Zod validation.

Auth 01

A comprehensive authentication block featuring sleek glassmorphism cards for Sign In, Account Registration, Forgot Password recovery, and Password Reset workflows with Zod validation.

Preview

Welcome Back

Enter your credentials below to access your account

Or Sign In With

New to Vibe UI?

Installation

pnpm dlx vibe-ui-kit@latest add auth-01 button card checkbox form input

💡 Vibe UI Component Dependencies: This component requires other components to work correctlyPlease make sure you also install these Vibe UI component dependencies: button, card, checkbox, form, input

Block Concept

Vibe UI's Auth 01 block provides a production-grade authentication experience with React Hook Form, Zod validation, animated view switching, password strength feedback, and social login buttons.

PreviousChat 01

Next Crypto Glass 01

Contributors

Jenish Sabhadiya

Auth 01

Auth 01

Preview

Welcome Back

Installation

Block Concept

Contributors

Theme Customizer