Auth Blocks
Authentication pages built with shadcn/ui: sign-in and sign-up cards, split layouts with branded panels, social login, forgot- and reset-password flows with live requirement hints, magic links, and OTP two-factor input. Wire them to any auth backend; the UI states are already handled.
Auth 1
FreeSign-in card centered on the page with email and password fields, a remember-me checkbox, forgot-password link, and Google and GitHub login buttons.
Auth 2
FreeTwo-column sign-in pairing a dark brand panel that lists product features with a plain email and password form, no social login buttons.
Auth 3
FreeSign-up form paired with a plan sidebar listing Free, Pro, and Team tiers, first and last name fields, and a terms checkbox gating submit.
Auth 4
FreeFull-height split-screen sign-in with email, password, remember-me, and Google or GitHub buttons beside a dark marketing panel on a grid backdrop.
Auth 5
FreeAuth card with tabs that swap between sign-in and sign-up forms, validated per tab, plus Google, GitHub, and Apple social buttons.
Auth 6
FreeForgot-password card that validates an email, then switches to a check-your-inbox confirmation with a use-another-email option and back-to-sign-in link.
Auth 7
FreeReset-password card with new and confirm fields plus live requirement checks for length, uppercase, number, and match, ending in a success state.
Auth 8
FreeSign-up card centered on the page with full name, email, and password fields, a terms checkbox, and Google and GitHub sign-up buttons.
Auth 9
ProOAuth-first sign-in beside a showcase panel that auto-rotates customer testimonials with company marks, blur cross-fading between each quote.
Auth 10
ProSign-in with social buttons and an email field, paired with a generative canvas panel of drifting flow lines over a dark showcase.
Auth 11
ProSign-in form beside a product dashboard mock with counting-up stats and an animated area chart, plus Google, GitHub, and Apple buttons.
Auth 12
ProPasswordless magic-link sign-in that blur-swaps from email entry to a check-your-inbox confirmation with a masked address and resend countdown.
Auth 13
ProSign-in form next to an auto-rotating customer story panel with editorial photography, company logos, and a trusted-by logo row.
Auth 14
ProEditorial split sign-in with a headline whose closing word rotates, a pull quote with avatar, and an OAuth-first form on the right.
Auth Blocks FAQ
Keep Browsing
Categories that pair well with Auth blocks when composing a page.