Search blocks

Find a block by name or category

15 Blocks

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

Free

Sign-in card centered on the page with email and password fields, a remember-me checkbox, forgot-password link, and Google and GitHub login buttons.

ButtonCardCheckboxFieldInputSeparatorSonner
zod

Auth 2

Free

Two-column sign-in pairing a dark brand panel that lists product features with a plain email and password form, no social login buttons.

ButtonCheckboxFieldInputSonner
zod

Auth 3

Free

Sign-up form paired with a plan sidebar listing Free, Pro, and Team tiers, first and last name fields, and a terms checkbox gating submit.

BadgeButtonCardCheckboxFieldInputLabelSeparatorSonner
zod

Auth 4

Free

Full-height split-screen sign-in with email, password, remember-me, and Google or GitHub buttons beside a dark marketing panel on a grid backdrop.

ButtonCardCheckboxFieldInputLabelSeparatorSonner
zod

Auth 5

Free

Auth card with tabs that swap between sign-in and sign-up forms, validated per tab, plus Google, GitHub, and Apple social buttons.

ButtonCardFieldInputSeparatorSonnerTabs
zod

Auth 6

Free

Forgot-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.

ButtonCardFieldInput

Auth 7

Free

Reset-password card with new and confirm fields plus live requirement checks for length, uppercase, number, and match, ending in a success state.

ButtonCardFieldInput

Auth 8

Free

Sign-up card centered on the page with full name, email, and password fields, a terms checkbox, and Google and GitHub sign-up buttons.

ButtonCardCheckboxFieldInputSeparatorSonner

Auth 9

Pro

OAuth-first sign-in beside a showcase panel that auto-rotates customer testimonials with company marks, blur cross-fading between each quote.

AvatarButtonFieldInputSeparatorSonner
motionzod

Auth 10

Pro

Sign-in with social buttons and an email field, paired with a generative canvas panel of drifting flow lines over a dark showcase.

ButtonFieldInputSeparatorSonner
motionzod

Auth 11

Pro

Sign-in form beside a product dashboard mock with counting-up stats and an animated area chart, plus Google, GitHub, and Apple buttons.

ButtonChartFieldInputSeparatorSonner
motionrechartszod

Auth 12

Pro

Passwordless magic-link sign-in that blur-swaps from email entry to a check-your-inbox confirmation with a masked address and resend countdown.

ButtonFieldInputSeparatorSonner
motionzod

Auth 13

Pro

Sign-in form next to an auto-rotating customer story panel with editorial photography, company logos, and a trusted-by logo row.

ButtonFieldInputSeparatorSonner
motionzod

Auth 14

Pro

Editorial split sign-in with a headline whose closing word rotates, a pull quote with avatar, and an OAuth-first form on the right.

AvatarButtonFieldInputSeparatorSonner
motionzod

Auth 15

Pro

Two-factor verification screen with a six-digit OTP input that auto-advances, a resend countdown, an error toast, and a verified success state.

ButtonInput OtpSonner
motion

Auth Blocks FAQ

Categories that pair well with Auth blocks when composing a page.