Skip to content
M
Back to Home
ComponentsAuthentication

Authentication

Authentication components including login, signup, password recovery, and verification flows with visual previews for all components.

20components
0 Free·20 Pro
import { ... } from "@/components/blocks/auth"

AuthLoginSimple

Pro
Loading preview...

Import AuthLoginSimple from @/components/blocks/auth

AuthLoginSocial

Pro
Loading preview...

Import AuthLoginSocial from @/components/blocks/auth

AuthLoginSplit

Pro
Loading preview...

Import AuthLoginSplit from @/components/blocks/auth

AuthLoginCard

Pro
Loading preview...

Import AuthLoginCard from @/components/blocks/auth

AuthSignupSimple

Pro
Loading preview...

Import AuthSignupSimple from @/components/blocks/auth

AuthSignupWithStrength

Pro
Loading preview...

Import AuthSignupWithStrength from @/components/blocks/auth

AuthSignupSplit

Pro
Loading preview...

Import AuthSignupSplit from @/components/blocks/auth

AuthForgotPassword

Pro
Loading preview...

Import AuthForgotPassword from @/components/blocks/auth

AuthResetPassword

Pro
Loading preview...

Import AuthResetPassword from @/components/blocks/auth

AuthVerifyEmail

Pro
Loading preview...

Import AuthVerifyEmail from @/components/blocks/auth

AuthVerifyCode

Pro
Loading preview...

Import AuthVerifyCode from @/components/blocks/auth

AuthLoginPhone

Pro
Loading preview...

Import AuthLoginPhone from @/components/blocks/auth

AuthLoginPasskey

Pro
Loading preview...

Import AuthLoginPasskey from @/components/blocks/auth

AuthSignupMultiStep

Pro
Loading preview...

Import AuthSignupMultiStep from @/components/blocks/auth

AuthSignupWithPlan

Pro
Loading preview...

Import AuthSignupWithPlan from @/components/blocks/auth

AuthAccountLocked

Pro
Loading preview...

Import AuthAccountLocked from @/components/blocks/auth

AuthSessionExpired

Pro
Loading preview...

Import AuthSessionExpired from @/components/blocks/auth

AuthChangePassword

Pro
Loading preview...

Import AuthChangePassword from @/components/blocks/auth

AuthDeleteAccount

Pro
Loading preview...

Import AuthDeleteAccount from @/components/blocks/auth

All 20 components include viewport switching, code editing, and responsive previews. Import any component directly from @/components/blocks/auth