Auth
Pre-built authentication page layouts including sign-in, sign-up, and verification screens — built with PixelPlay UI components and Tailwind CSS.
Sign in — Email + Social
A centered sign-in page with email input, a primary CTA, an OR divider, and social login buttons (Google, Facebook, Apple). Includes a sign-up link in the footer.
Sign in — Header + Tabs
A sign-in page with a desktop header bar, sign-up/log-in segment tabs, email and password fields, a remember-me checkbox, forgot-password link, Google social login, and a SAML SSO option.
Sign in — Split Screen + Testimonial
A two-column sign-in layout with the form on the left and a full-bleed image with a glassmorphic testimonial overlay on the right. Includes email, password with visibility toggle, remember-me checkbox, Google social login, and prev/next testimonial navigation.
Sign in — Split Screen + Image
A two-column sign-in layout with the form on the left and a full-bleed image on the right — no overlay. Clean and minimal, ideal when the image speaks for itself.
Sign up — Email + Social
A centered sign-up page with name and email inputs, a primary CTA, an OR divider, and social login buttons (Google, Facebook, Apple). Includes a log-in link in the footer.
Sign up — Header + Tabs
A sign-up page with a desktop header bar, sign-up/log-in segment tabs, name, email, and password fields with visibility toggle, a terms checkbox, and Google social login.
Sign up — Split Screen + Testimonial
A two-column sign-up layout with the form on the left and a full-bleed image with a glassmorphic testimonial overlay on the right. Includes name, email, password with visibility toggle, terms checkbox, and prev/next testimonial navigation.
Sign up — Split Screen + Image
A two-column sign-up layout with the form on the left and a full-bleed image on the right — no overlay. Clean and minimal.
Verification — Check your email
A centered screen confirming a verification link has been sent to the user's email address. Includes an email icon, the recipient address, an 'Enter code manually' CTA, and a back-to-login link.
Verification — Enter OTP code
A centered screen for entering a 4-digit one-time-passcode sent by email. Features large digit input cells with keyboard and paste support, a 'Verify email' CTA, a resend link, and a back-to-login link.
Verification — Email verified
A centered success confirmation screen shown after a user's email has been verified. Includes a circle-check icon, a success message, a 'Continue' CTA, a resend link, and a back-to-login link.
Forgot password — Email entry
A centered screen for initiating a password reset. Includes a key icon, a short description, an email input, a 'Reset password' CTA, and a back-to-login link.
Forgot password — Set new password
A centered screen for entering and confirming a new password. Features a lock icon, password and confirm-password fields with visibility toggles, live password rule indicators (min length, special character), a 'Reset password' CTA, and a back-to-login link.
Forgot password — Password reset
A centered success screen confirming the password was reset. Includes a circle-check icon, a confirmation message, a 'Continue' CTA, and a back-to-login link.