Authentications
26 screens between a visitor and their account: the ways in, and the steps that follow, from a code to a locked session.
Each one installs on its own. Preview it at desktop, tablet or mobile width, in either direction. New to blocks? Start with the introduction.
Showing 26 types
Centered Card Sign In
Open full screen (opens in a new tab)Install
bash
npx @smicolon/fasla-ui@latest add auth-centered-card-sign-inSocial-First Sign In
Open full screen (opens in a new tab)Install
bash
npx @smicolon/fasla-ui@latest add auth-social-first-sign-inSplit Photo Sign In
Open full screen (opens in a new tab)Install
bash
npx @smicolon/fasla-ui@latest add auth-split-photo-sign-inSplit Testimonial Sign Up
Open full screen (opens in a new tab)Install
bash
npx @smicolon/fasla-ui@latest add auth-split-testimonial-sign-upMinimal Centered Sign In
Open full screen (opens in a new tab)Install
bash
npx @smicolon/fasla-ui@latest add auth-minimal-centered-sign-inSign Up + Password Strength
Open full screen (opens in a new tab)Install
bash
npx @smicolon/fasla-ui@latest add auth-sign-up-password-strengthSign Up + Benefits Column
Open full screen (opens in a new tab)Install
bash
npx @smicolon/fasla-ui@latest add auth-sign-up-benefits-columnTabbed Sign In / Sign Up
Open full screen (opens in a new tab)Install
bash
npx @smicolon/fasla-ui@latest add auth-tabbed-sign-in-sign-upMagic Link Request
Open full screen (opens in a new tab)Install
bash
npx @smicolon/fasla-ui@latest add auth-magic-link-requestCheck Your Email
Open full screen (opens in a new tab)Install
bash
npx @smicolon/fasla-ui@latest add auth-check-your-emailOTP Verification
Open full screen (opens in a new tab)Install
bash
npx @smicolon/fasla-ui@latest add auth-otp-verificationTwo-Factor Authenticator
Open full screen (opens in a new tab)Install
bash
npx @smicolon/fasla-ui@latest add auth-two-factor-authenticatorTwo-Factor Method Chooser
Open full screen (opens in a new tab)Install
bash
npx @smicolon/fasla-ui@latest add auth-two-factor-method-chooserForgot Password
Open full screen (opens in a new tab)Install
bash
npx @smicolon/fasla-ui@latest add auth-forgot-passwordReset Password
Open full screen (opens in a new tab)Install
bash
npx @smicolon/fasla-ui@latest add auth-reset-passwordPassword Changed
Open full screen (opens in a new tab)Install
bash
npx @smicolon/fasla-ui@latest add auth-password-changedTeam Invite Accept
Open full screen (opens in a new tab)Install
bash
npx @smicolon/fasla-ui@latest add auth-team-invite-acceptProfile Setup Onboarding
Open full screen (opens in a new tab)Install
bash
npx @smicolon/fasla-ui@latest add auth-profile-setup-onboardingPhoto Background Sign In
Open full screen (opens in a new tab)Install
bash
npx @smicolon/fasla-ui@latest add auth-photo-background-sign-inPhone Number Sign In
Open full screen (opens in a new tab)Install
bash
npx @smicolon/fasla-ui@latest add auth-phone-number-sign-inQR Device Login
Open full screen (opens in a new tab)Install
bash
npx @smicolon/fasla-ui@latest add auth-qr-device-loginPasskey Sign In
Open full screen (opens in a new tab)Install
bash
npx @smicolon/fasla-ui@latest add auth-passkey-sign-inLocked Session Re-authenticate
Open full screen (opens in a new tab)Install
bash
npx @smicolon/fasla-ui@latest add auth-locked-session-re-authenticateMulti-Step Sign Up Wizard
Open full screen (opens in a new tab)Install
bash
npx @smicolon/fasla-ui@latest add auth-multi-step-sign-up-wizardSign In Error State
Open full screen (opens in a new tab)Install
bash
npx @smicolon/fasla-ui@latest add auth-sign-in-error-stateWaitlist Early Access
Open full screen (opens in a new tab)Install
bash
npx @smicolon/fasla-ui@latest add auth-waitlist-early-access