Auth Blocks

A centered sign-in card with email, password, and social login.

A two-column split sign-in layout with a branded feature panel on the left and a minimal email + password form on the right. No social login buttons.

A two-panel sign-up card with a plan-overview sidebar and a create-account form featuring first/last name, email, password, a terms checkbox, and a sign-in link.

Split-screen sign-in with email/password fields, remember-me switch, social buttons, and a branded value-prop panel

Tabbed auth card that swaps sign-in and sign-up fields, with social login buttons and a divider

A centered forgot-password card with an email field that switches to a check-your-inbox confirmation state, plus a back-to-sign-in link.

A set-new-password card with new and confirm fields, live requirement hints (length, uppercase, number, match), and a success state.

A centered sign-up card with name, email, and password fields, a terms checkbox, and Google and GitHub social sign-up buttons.

Pro auth: OAuth-first split sign-in with a dark showcase panel of drifting cards and an auto-rotating, blur cross-fading testimonial.

Pro auth: content-left split with a generative flow-lines canvas panel that drifts over a dark showcase, plus an OAuth-first form.

Pro auth: sign-in form beside a live dashboard mock panel with count-up stats and an animated area chart.

Pro auth: centered magic-link flow that blur-swaps from email entry to a check-your-inbox confirmation with a resend countdown.

Pro auth: sign-in form beside an auto-rotating customer-story panel with real logos and a trusted-by row.

Pro auth: editorial split with a blur-rising marketing headline and featured quote on the left and an OAuth-first form on the right.

Pro auth: centered two-factor verification with an auto-advancing OTP input, resend countdown, and a blur success state.