15 Blocks

shadcn/ui login blocks & components.

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.

Centered Sign-In Card

Auth 1Free

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

Split Sign-In With Brand Panel

Auth 2Free

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

Sign-Up With Plan Sidebar

Auth 3Free

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

Full-Height Split Sign-In

Auth 4Free

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

Tabbed Sign-In And Sign-Up

Auth 5Free

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

Forgot Password Request

Auth 6Free

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

Set New Password With Rules

Auth 7Free

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

ButtonCardFieldInput

Centered Sign-Up Card

Auth 8Free

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

Sign-In With Testimonial Showcase

Auth 9Pro

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

AvatarButtonFieldInputSeparatorSonner
zod

Sign-In With Animated Flow Lines

Auth 10Pro

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

ButtonFieldInputSeparatorSonner
zod

Sign-In With Dashboard Mock

Auth 11Pro

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

ButtonChartFieldInputSeparatorSonner
rechartszod

Passwordless Magic Link Sign-In

Auth 12Pro

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
zod

Sign-In With Customer Stories

Auth 13Pro

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

ButtonFieldInputSeparatorSonner
zod

Editorial Sign-In With Rotating Headline

Auth 14Pro

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
zod

Two-Factor Code Verification

Auth 15Pro

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