# Login and sign-up blocks for shadcn/ui

> 418 login and sign-up blocks from public shadcn/ui registries, free and paid, with live previews, source code and install commands.

- Page, with live previews: https://shadcn.exchange/blocks/login
- 418 blocks, 207 free and 211 paid, from 54 registries.
- Search them as JSON: `https://shadcn.exchange/api/catalog?kind=blocks&category=login&q=<words>`. Add `price=free` for the ones you can install, and `offset=<n>` for the next 24.
- With the shadcn CLI, which finds free blocks by their words: `npx shadcn@latest search @shadcn-exchange -q login`

Each block's page answers in Markdown, source included, at its address with `.md` on the end. [The whole site for agents](https://shadcn.exchange/llms.txt).

## Free login and sign-up blocks

The first 200 of 207, best first. Each installs with the command beside it, in a project that has shadcn/ui set up.

- [Login 04 by @shadcnui-blocks](https://shadcn.exchange/r/shadcnui-blocks/login-04): A simple login block. `npx shadcn@latest add https://shadcn.exchange/r/shadcnui-blocks/login-04.json`
- [Auth Section 3 by @solaceui](https://shadcn.exchange/r/solaceui/auth-section-3): Solace UI auth section block variation 3. `npx shadcn@latest add https://shadcn.exchange/r/solaceui/auth-section-3.json`
- [Grain Gradient Auth by @shaderscn](https://shadcn.exchange/r/shaderscn/grain-gradient-auth): A split sign-in page with a grainy gradient brand panel and a slot for your own form. `npx shadcn@latest add https://shadcn.exchange/r/shaderscn/grain-gradient-auth.json`
- [Auth Section 2 by @solaceui](https://shadcn.exchange/r/solaceui/auth-section-2): Solace UI auth section block variation 2. `npx shadcn@latest add https://shadcn.exchange/r/solaceui/auth-section-2.json`
- [Auth Section 1 by @solaceui](https://shadcn.exchange/r/solaceui/auth-section-1): Solace UI auth section block variation 1. `npx shadcn@latest add https://shadcn.exchange/r/solaceui/auth-section-1.json`
- [Signup 03 by @shadcnui-blocks](https://shadcn.exchange/r/shadcnui-blocks/signup-03): A simple signup block. `npx shadcn@latest add https://shadcn.exchange/r/shadcnui-blocks/signup-03.json`
- [Login 01 - Developer-Friendly Login Page by @shadcn-space](https://shadcn.exchange/r/shadcn-space/login-01): A clean, secure login page with Google and GitHub authentication, remember-me support, and password recovery, built for modern SaaS products using shadcn UI. `npx shadcn@latest add https://shadcn.exchange/r/shadcn-space/login-01.json`
- [Full-Height Split Sign-In by @7ovr](https://shadcn.exchange/r/7ovr/auth-4): 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. `npx shadcn@latest add https://shadcn.exchange/r/7ovr/auth-4.json`
- [Auth 1 by @efferd](https://shadcn.exchange/r/efferd/auth-1): Modern sign-in page with particle background and social buttons. `npx shadcn@latest add https://shadcn.exchange/r/efferd/auth-1.json`
- [Auth 3 by @nusaiba](https://shadcn.exchange/r/nusaiba/auth-3): Compact centered card with remember-me — minimal auth for marketing landings. `npx shadcn@latest add https://shadcn.exchange/r/nusaiba/auth-3.json`
- [Forgot Password One by @navui](https://shadcn.exchange/r/navui/forgot-password-one): A compact password-recovery card with email input, submit action, and return link. `npx shadcn@latest add https://shadcn.exchange/r/navui/forgot-password-one.json`
- [Login 07 by @shadcnui-blocks](https://shadcn.exchange/r/shadcnui-blocks/login-07): A simple login block. `npx shadcn@latest add https://shadcn.exchange/r/shadcnui-blocks/login-07.json`
- [Register 01 - Simple & Secure Signup Page by @shadcn-space](https://shadcn.exchange/r/shadcn-space/register-01): A streamlined signup page with Google and GitHub authentication, clean form fields, and conversion-focused layout, perfect for SaaS onboarding built with shadcn UI. `npx shadcn@latest add https://shadcn.exchange/r/shadcn-space/register-01.json`
- [Forgot Password Request by @7ovr](https://shadcn.exchange/r/7ovr/auth-6): 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. `npx shadcn@latest add https://shadcn.exchange/r/7ovr/auth-6.json`
- [Auth 5 by @efferd](https://shadcn.exchange/r/efferd/auth-5): Modern signup page with testimonial sidebar and social sign-in. `npx shadcn@latest add https://shadcn.exchange/r/efferd/auth-5.json`
- [Auth 7 by @nusaiba](https://shadcn.exchange/r/nusaiba/auth-7): GitHub + Google buttons with email divider — grid-reveal for multi-path sign-in. `npx shadcn@latest add https://shadcn.exchange/r/nusaiba/auth-7.json`
- [Forgot Password Three by @navui](https://shadcn.exchange/r/navui/forgot-password-three): A left-aligned password-recovery form with concise guidance and navigation back. `npx shadcn@latest add https://shadcn.exchange/r/navui/forgot-password-three.json`
- [Login 03 by @shadcnui-blocks](https://shadcn.exchange/r/shadcnui-blocks/login-03): A simple login block. `npx shadcn@latest add https://shadcn.exchange/r/shadcnui-blocks/login-03.json`
- [Forgot Password 01 - Forgot Your Password Page by @shadcn-space](https://shadcn.exchange/r/shadcn-space/forgot-password-01): A minimal password recovery page that lets users request a secure reset link via email, helping reduce friction and support issues in authentication flows. `npx shadcn@latest add https://shadcn.exchange/r/shadcn-space/forgot-password-01.json`
- [Auth 2 by @efferd](https://shadcn.exchange/r/efferd/auth-2): Split sign-in layout with social buttons and email form. `npx shadcn@latest add https://shadcn.exchange/r/efferd/auth-2.json`
- [Auth 9 by @nusaiba](https://shadcn.exchange/r/nusaiba/auth-9): Sign-in card beside registry benefits list — justify account creation on landing pages. `npx shadcn@latest add https://shadcn.exchange/r/nusaiba/auth-9.json`
- [Login 06 by @shadcnui-blocks](https://shadcn.exchange/r/shadcnui-blocks/login-06): A simple login block. `npx shadcn@latest add https://shadcn.exchange/r/shadcnui-blocks/login-06.json`
- [Two Factor Authentication 01 - Dashboard Two-Factor Verification by @shadcn-space](https://shadcn.exchange/r/shadcn-space/two-factor-authentication-01): A clean authentication screen where users enter a verification code, designed to add extra security while keeping the process simple and smooth. `npx shadcn@latest add https://shadcn.exchange/r/shadcn-space/two-factor-authentication-01.json`
- [Auth 5 by @nusaiba](https://shadcn.exchange/r/nusaiba/auth-5): Sign-in form beside visual panel with light parallax — cta-3 DNA for install-led auth. `npx shadcn@latest add https://shadcn.exchange/r/nusaiba/auth-5.json`
- [Signup 04 by @shadcnui-blocks](https://shadcn.exchange/r/shadcnui-blocks/signup-04): A simple signup block. `npx shadcn@latest add https://shadcn.exchange/r/shadcnui-blocks/signup-04.json`
- [Auth 2 by @nusaiba](https://shadcn.exchange/r/nusaiba/auth-2): Mirrored sign-up split with terms line — motion stagger and Nusaiba study case. `npx shadcn@latest add https://shadcn.exchange/r/nusaiba/auth-2.json`
- [Signup 07 by @shadcnui-blocks](https://shadcn.exchange/r/shadcnui-blocks/signup-07): A simple signup block. `npx shadcn@latest add https://shadcn.exchange/r/shadcnui-blocks/signup-07.json`
- [Auth 4 by @nusaiba](https://shadcn.exchange/r/nusaiba/auth-4): Two-column signup form in a centered layout — fast account creation above pricing. `npx shadcn@latest add https://shadcn.exchange/r/nusaiba/auth-4.json`
- [Signup 08 by @shadcnui-blocks](https://shadcn.exchange/r/shadcnui-blocks/signup-08): A simple signup block. `npx shadcn@latest add https://shadcn.exchange/r/shadcnui-blocks/signup-08.json`
- [Sign-Up With Plan Sidebar by @7ovr](https://shadcn.exchange/r/7ovr/auth-3): 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. `npx shadcn@latest add https://shadcn.exchange/r/7ovr/auth-3.json`
- [Auth 4 by @efferd](https://shadcn.exchange/r/efferd/auth-4): Clean sign-in screen with full-width divider and social actions. `npx shadcn@latest add https://shadcn.exchange/r/efferd/auth-4.json`
- [Footer Integrated Signup by @shadcn-ui-blocks](https://shadcn.exchange/r/shadcn-ui-blocks/portfolio-portfolio-email-signup-and-newsletter-footer-integrated-signup): An email field built into the site footer beside links and details. Captures subscribers at the bottom of every page without a dedicated section. `npx shadcn@latest add https://shadcn.exchange/r/shadcn-ui-blocks/portfolio-portfolio-email-signup-and-newsletter-footer-integrated-signup.json`
- [Auth 11 by @nusaiba](https://shadcn.exchange/r/nusaiba/auth-11): Sera series — flat bordered sign-in panel with wordmark strip, SSO fallback, and hairline dividers. `npx shadcn@latest add https://shadcn.exchange/r/nusaiba/auth-11.json`
- [Sign Up One by @navui](https://shadcn.exchange/r/navui/sign-up-one): A detailed account creation form with identity, password, consent, and sign-in actions. `npx shadcn@latest add https://shadcn.exchange/r/navui/sign-up-one.json`
- [Login with SSO by @blocks-so](https://shadcn.exchange/r/blocks-so/login-08): A login with sso block. `npx shadcn@latest add https://shadcn.exchange/r/blocks-so/login-08.json`
- [Login 08 by @shadcnui-blocks](https://shadcn.exchange/r/shadcnui-blocks/login-08): A simple login block. `npx shadcn@latest add https://shadcn.exchange/r/shadcnui-blocks/login-08.json`
- [Centered Sign-In Card by @7ovr](https://shadcn.exchange/r/7ovr/auth-1): 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. `npx shadcn@latest add https://shadcn.exchange/r/7ovr/auth-1.json`
- [Auth 3 by @efferd](https://shadcn.exchange/r/efferd/auth-3): Minimal sign-in page with logo header and focused form. `npx shadcn@latest add https://shadcn.exchange/r/efferd/auth-3.json`
- [Auth 6 by @nusaiba](https://shadcn.exchange/r/nusaiba/auth-6): Passwordless email-only sign-in — centered icon hero and single-field flow. `npx shadcn@latest add https://shadcn.exchange/r/nusaiba/auth-6.json`
- [Signup 02 by @shadcnui-blocks](https://shadcn.exchange/r/shadcnui-blocks/signup-02): A simple signup block. `npx shadcn@latest add https://shadcn.exchange/r/shadcnui-blocks/signup-02.json`
- [Split Sign-In With Brand Panel by @7ovr](https://shadcn.exchange/r/7ovr/auth-2): Two-column sign-in pairing a dark brand panel that lists product features with a plain email and password form, no social login buttons. `npx shadcn@latest add https://shadcn.exchange/r/7ovr/auth-2.json`
- [Auth 1 by @nusaiba](https://shadcn.exchange/r/nusaiba/auth-1): Split sign-in with brand rail, scroll-reveal stagger, and registry-native copy. `npx shadcn@latest add https://shadcn.exchange/r/nusaiba/auth-1.json`
- [Login 02 by @shadcnui-blocks](https://shadcn.exchange/r/shadcnui-blocks/login-02): A simple login block. `npx shadcn@latest add https://shadcn.exchange/r/shadcnui-blocks/login-02.json`
- [Tabbed Sign-In And Sign-Up by @7ovr](https://shadcn.exchange/r/7ovr/auth-5): Auth card with tabs that swap between sign-in and sign-up forms, validated per tab, plus Google, GitHub, and Apple social buttons. `npx shadcn@latest add https://shadcn.exchange/r/7ovr/auth-5.json`
- [Login 01 by @shadcnui-blocks](https://shadcn.exchange/r/shadcnui-blocks/login-01): A simple login block. `npx shadcn@latest add https://shadcn.exchange/r/shadcnui-blocks/login-01.json`
- [Set New Password With Rules by @7ovr](https://shadcn.exchange/r/7ovr/auth-7): Reset-password card with new and confirm fields plus live requirement checks for length, uppercase, number, and match, ending in a success state. `npx shadcn@latest add https://shadcn.exchange/r/7ovr/auth-7.json`
- [Signup 06 by @shadcnui-blocks](https://shadcn.exchange/r/shadcnui-blocks/signup-06): A simple signup block. `npx shadcn@latest add https://shadcn.exchange/r/shadcnui-blocks/signup-06.json`
- [Centered Sign-Up Card by @7ovr](https://shadcn.exchange/r/7ovr/auth-8): Sign-up card centered on the page with full name, email, and password fields, a terms checkbox, and Google and GitHub sign-up buttons. `npx shadcn@latest add https://shadcn.exchange/r/7ovr/auth-8.json`
- [Register 01 by @shadcn-studio](https://shadcn.exchange/r/shadcn-studio/register-01): Centered card layout with logo header, registration form featuring full name, email, password inputs, social signup options, and account linking for comprehensive user onboarding. `npx shadcn@latest add https://shadcn.exchange/r/shadcn-studio/register-01.json`
- [Login Page 1 by @shadcnstore](https://shadcn.exchange/r/shadcnstore/login-page-1): A card login with remember-me, a forgot-password link and three social buttons. `npx shadcn@latest add https://shadcn.exchange/r/shadcnstore/login-page-1.json`
- [Login 01 by @ncdai](https://shadcn.exchange/r/ncdai/login-01): A simple login form. `npx shadcn@latest add https://shadcn.exchange/r/ncdai/login-01.json`
- [Newsletter Signup 5 – Inline callout with contained form by @shadcncraft](https://shadcn.exchange/r/shadcncraft/newsletter-signup-5): A horizontal newsletter signup pattern presented inside a soft container to separate it from surrounding content. The headline and description anchor the left side while the inline form sits to the right, creating a clear scan path and com… `npx shadcn@latest add https://shadcn.exchange/r/shadcncraft/newsletter-signup-5.json`
- [Login Card by @blockforge](https://shadcn.exchange/r/blockforge/login-card): Centered sign-in: email, password, one social fallback. `npx shadcn@latest add https://shadcn.exchange/r/blockforge/login-card.json`
- [Sign Up 6 by @uiable](https://shadcn.exchange/r/uiable/block-sign-up-6): Sign Up 6 variant for block. `npx shadcn@latest add https://shadcn.exchange/r/uiable/block-sign-up-6.json`
- [OTP Verify 01 by @hirael](https://shadcn.exchange/r/hirael/otp-verify-01): Centered verification card built on InputOTP: six slots that fit a phone screen, paste support, auto-verify on the last digit, a 30s resend countdown and a verified state. `npx shadcn@latest add https://shadcn.exchange/r/hirael/otp-verify-01.json`
- [Login-1 by @hexui](https://shadcn.exchange/r/hexui/login-1): A simple login form. `npx shadcn@latest add https://shadcn.exchange/r/hexui/login-1.json`
- [Split login page by @velora](https://shadcn.exchange/r/velora/auth-login-split): Login form with password reveal, remember-me and social sign-in beside an aurora testimonial panel. `npx shadcn@latest add https://shadcn.exchange/r/velora/auth-login-split.json`
- [Two factor authentication 01 by @shadcn-studio](https://shadcn.exchange/r/shadcn-studio/two-factor-authentication-01): Centered card layout with logo header, clear two-factor authentication messaging, OTP input field, and authenticator app instructions for secure account verification. `npx shadcn@latest add https://shadcn.exchange/r/shadcn-studio/two-factor-authentication-01.json`
- [Forgot Password Page 1 by @shadcnstore](https://shadcn.exchange/r/shadcnstore/forgot-password-page-1): A four-step reset covering email, one-time code, new password and confirmation. `npx shadcn@latest add https://shadcn.exchange/r/shadcnstore/forgot-password-page-1.json`
- [Reset Password 1 by @uiable](https://shadcn.exchange/r/uiable/block-reset-password-1): Reset Password 1 variant for block. `npx shadcn@latest add https://shadcn.exchange/r/uiable/block-reset-password-1.json`
- [Sign Up 01 by @hirael](https://shadcn.exchange/r/hirael/signup-01): Centered signup card: GitHub and Google first, then name, email and a password with a strength meter and hint. Terms sit under the card as plain text, and submitting swaps to a check-your-email state. `npx shadcn@latest add https://shadcn.exchange/r/hirael/signup-01.json`
- [Login-2 by @hexui](https://shadcn.exchange/r/hexui/login-2): A login form with social sign-in options below the credentials. `npx shadcn@latest add https://shadcn.exchange/r/hexui/login-2.json`
- [Sign-up card by @velora](https://shadcn.exchange/r/velora/auth-signup-card): Centered sign-up card over a grid and light beams, with live password rules, terms and social sign-up. `npx shadcn@latest add https://shadcn.exchange/r/velora/auth-signup-card.json`
- [Forgot password 01 by @shadcn-studio](https://shadcn.exchange/r/shadcn-studio/forgot-password-01): Centered card layout with logo header, title, description, and form input for password reset functionality with decorative background shape. `npx shadcn@latest add https://shadcn.exchange/r/shadcn-studio/forgot-password-01.json`
- [Signup Page 1 by @shadcnstore](https://shadcn.exchange/r/shadcnstore/signup-page-1): A card signup with social options and terms and privacy links under the button. `npx shadcn@latest add https://shadcn.exchange/r/shadcnstore/signup-page-1.json`
- [Login 2 by @uiable](https://shadcn.exchange/r/uiable/block-login-2): Login 2 variant for block. `npx shadcn@latest add https://shadcn.exchange/r/uiable/block-login-2.json`
- [Login 04 by @hirael](https://shadcn.exchange/r/hirael/login-04): Identifier-first sign-in in one wide card: heading on one side, fields on the other. Email first, then password, with an account chip to switch back and a hidden username field so password managers fill the right account. `npx shadcn@latest add https://shadcn.exchange/r/hirael/login-04.json`
- [Login-3 by @hexui](https://shadcn.exchange/r/hexui/login-3): A login form with a customizable side background. `npx shadcn@latest add https://shadcn.exchange/r/hexui/login-3.json`
- [Login page 01 by @shadcn-studio](https://shadcn.exchange/r/shadcn-studio/login-page-01): Centered card layout with logo header, quick login buttons, and full authentication form featuring email/password inputs, social login options, and remember me functionality. `npx shadcn@latest add https://shadcn.exchange/r/shadcn-studio/login-page-01.json`
- [Forgot Password 3 by @uiable](https://shadcn.exchange/r/uiable/block-forgot-password-3): Forgot Password 3 variant for block. `npx shadcn@latest add https://shadcn.exchange/r/uiable/block-forgot-password-3.json`
- [Forgot Password 01 by @hirael](https://shadcn.exchange/r/hirael/forgot-password-01): Centered reset request: one email field with inline validation, then a check-your-email state that echoes the address, links back to sign in and offers a resend. `npx shadcn@latest add https://shadcn.exchange/r/hirael/forgot-password-01.json`
- [Login-4 by @hexui](https://shadcn.exchange/r/hexui/login-4): A login form with a customizable side background and a testimonial panel. `npx shadcn@latest add https://shadcn.exchange/r/hexui/login-4.json`
- [Reset password 01 by @shadcn-studio](https://shadcn.exchange/r/shadcn-studio/reset-password-01): Centered card layout with logo header, clear reset password messaging, form inputs for current and new passwords, and back to login navigation for secure password recovery. `npx shadcn@latest add https://shadcn.exchange/r/shadcn-studio/reset-password-01.json`
- [Login 1 by @uiable](https://shadcn.exchange/r/uiable/block-login-1): Login 1 variant for block. `npx shadcn@latest add https://shadcn.exchange/r/uiable/block-login-1.json`
- [Login 05 by @hirael](https://shadcn.exchange/r/hirael/login-05): Provider-first sign-in: stacked Continue with GitHub, Google and Apple buttons, plus email and passkey options. Email sends a magic link and swaps to a check-your-email state. `npx shadcn@latest add https://shadcn.exchange/r/hirael/login-05.json`
- [Login 01 by @hirael](https://shadcn.exchange/r/hirael/login-01): Centered sign-in: logo and heading above a card with email, password and an inline forgot-password link, a passkey option, an alert for failed attempts and a create-account line below. `npx shadcn@latest add https://shadcn.exchange/r/hirael/login-01.json`
- [Login 02 by @hirael](https://shadcn.exchange/r/hirael/login-02): Split login with a testimonial pane. The form leads with Google and GitHub, then email and password with an inline forgot link and an alert for failed attempts. The pane holds a quote and two results over a world map drawn in the foregroun… `npx shadcn@latest add https://shadcn.exchange/r/hirael/login-02.json`
- [Two-Factor Setup 01 by @hirael](https://shadcn.exchange/r/hirael/two-factor-setup-01): Three-step 2FA enrollment card: scan a real otpauth QR or copy the key, confirm a six-digit code, then save recovery codes with copy, download and a checkbox-gated finish. Ships composable parts. `npx shadcn@latest add https://shadcn.exchange/r/hirael/two-factor-setup-01.json`
- [Signup 01 by @shadcnui-blocks](https://shadcn.exchange/r/shadcnui-blocks/signup-01): A simple signup block. `npx shadcn@latest add https://shadcn.exchange/r/shadcnui-blocks/signup-01.json`
- [Split With Image by @shadcn-ui-blocks](https://shadcn.exchange/r/shadcn-ui-blocks/application-login-split-with-image): A two panel login screen pairing a sign in form with a side image. Use it to add brand personality to authentication on web apps and dashboards. `npx shadcn@latest add https://shadcn.exchange/r/shadcn-ui-blocks/application-login-split-with-image.json`
- [Forgot Password Two by @navui](https://shadcn.exchange/r/navui/forgot-password-two): A centered password-recovery form with a prominent heading and return action. `npx shadcn@latest add https://shadcn.exchange/r/navui/forgot-password-two.json`
- [Free Trial Signup Form by @shadcn-ui-blocks](https://shadcn.exchange/r/shadcn-ui-blocks/marketing-hero-forms-free-trial-signup-form): A hero with a free trial signup form for email and password fields. Starts new accounts the moment a visitor decides to try the product. `npx shadcn@latest add https://shadcn.exchange/r/shadcn-ui-blocks/marketing-hero-forms-free-trial-signup-form.json`
- [Sign in by @bjork-ui](https://shadcn.exchange/r/bjork-ui/app-sign-in): Sign in is a production-ready blocks component from BJORK UI, packaged for shadcn registries. `npx shadcn@latest add https://shadcn.exchange/r/bjork-ui/app-sign-in.json`
- [Newsletter Signup Block by @uitripled](https://shadcn.exchange/r/uitripled/newsletter-signup-block-baseui): Animated newsletter subscription form with success state and gradient background (Base UI). `npx shadcn@latest add https://shadcn.exchange/r/uitripled/newsletter-signup-block-baseui.json`
- [Verify 1: one-time code with resend by @ballmac](https://shadcn.exchange/r/ballmac/verify-1): A code-entry screen: masked email, six slots that accept typing and pasting, automatic submit on the last digit, shake and alert on a wrong code, a resend countdown and an animated success state. `npx shadcn@latest add https://shadcn.exchange/r/ballmac/verify-1.json`
- [Two Factor 3 by @diarmuradi](https://shadcn.exchange/r/diarmuradi/two-factor-3) `npx shadcn@latest add https://shadcn.exchange/r/diarmuradi/two-factor-3.json`
- [8-bit Login Form 2 by @8bitcn](https://shadcn.exchange/r/8bitcn/login-form-2): A simple 8-bit login form component. `npx shadcn@latest add https://shadcn.exchange/r/8bitcn/login-form-2.json`
- [Newsletter Signup Block by @uitripled](https://shadcn.exchange/r/uitripled/newsletter-signup-block-shadcnui): Animated newsletter subscription form with success state and gradient background. `npx shadcn@latest add https://shadcn.exchange/r/uitripled/newsletter-signup-block-shadcnui.json`
- [Auth Kit: complete sign-in flow by @ballmac](https://shadcn.exchange/r/ballmac/template-auth-kit): Seven auth pages in three switchable layouts (centered, split with art, frosted glass): sign in, sign up with a live password checklist, six-digit verification, forgot and reset password, team invite and a three-step onboarding. `npx shadcn@latest add https://shadcn.exchange/r/ballmac/template-auth-kit.json`
- [Sign In 4 by @diarmuradi](https://shadcn.exchange/r/diarmuradi/sign-in-4) `npx shadcn@latest add https://shadcn.exchange/r/diarmuradi/sign-in-4.json`
- [8-bit Login Form by @8bitcn](https://shadcn.exchange/r/8bitcn/login-form): A simple 8-bit login form component. `npx shadcn@latest add https://shadcn.exchange/r/8bitcn/login-form.json`
- [Signup 1: form with benefits column by @ballmac](https://shadcn.exchange/r/ballmac/signup-1): A signup page: validated name, work email and password with a live strength guide, terms checkbox, SSO option and a check-your-inbox confirmation, beside a benefits list with social proof. `npx shadcn@latest add https://shadcn.exchange/r/ballmac/signup-1.json`
- [Reset Password 3 by @diarmuradi](https://shadcn.exchange/r/diarmuradi/reset-password-3) `npx shadcn@latest add https://shadcn.exchange/r/diarmuradi/reset-password-3.json`
- [8-bit Login Form with Image by @8bitcn](https://shadcn.exchange/r/8bitcn/login-form-with-image): A simple 8-bit login form component with image. `npx shadcn@latest add https://shadcn.exchange/r/8bitcn/login-form-with-image.json`
- [Forgot Password 1: request, resend and reset by @ballmac](https://shadcn.exchange/r/ballmac/forgot-password-1): The whole password-recovery flow in one card: request a link, check-your-email with a resend countdown, choose a new password with confirmation and strength, and a success screen. Focus moves to each new heading. `npx shadcn@latest add https://shadcn.exchange/r/ballmac/forgot-password-1.json`
- [Reset Password 1 by @diarmuradi](https://shadcn.exchange/r/diarmuradi/reset-password-1) `npx shadcn@latest add https://shadcn.exchange/r/diarmuradi/reset-password-1.json`
- [Login 2: split screen with testimonial by @ballmac](https://shadcn.exchange/r/ballmac/login-2): A split-screen sign-in: SSO and passkey buttons, validated email and password with show/hide, remember me and error state on one side, a soft colour mesh with a customer quote on the other. `npx shadcn@latest add https://shadcn.exchange/r/ballmac/login-2.json`
- [Reset Password 4 by @diarmuradi](https://shadcn.exchange/r/diarmuradi/reset-password-4) `npx shadcn@latest add https://shadcn.exchange/r/diarmuradi/reset-password-4.json`
- [Login 1: card with SSO and magic link by @ballmac](https://shadcn.exchange/r/ballmac/login-1): Centered sign-in card: SSO and email-link buttons, an email and password form with remember me, a loading submit and an inline error. `npx shadcn@latest add https://shadcn.exchange/r/ballmac/login-1.json`
- [Two Factor 4 by @diarmuradi](https://shadcn.exchange/r/diarmuradi/two-factor-4) `npx shadcn@latest add https://shadcn.exchange/r/diarmuradi/two-factor-4.json`
- [Sign Up 4 by @diarmuradi](https://shadcn.exchange/r/diarmuradi/sign-up-4) `npx shadcn@latest add https://shadcn.exchange/r/diarmuradi/sign-up-4.json`
- [Reset Password 2 by @diarmuradi](https://shadcn.exchange/r/diarmuradi/reset-password-2) `npx shadcn@latest add https://shadcn.exchange/r/diarmuradi/reset-password-2.json`
- [Sign Up 1 by @diarmuradi](https://shadcn.exchange/r/diarmuradi/sign-up-1) `npx shadcn@latest add https://shadcn.exchange/r/diarmuradi/sign-up-1.json`
- [Sign In 2 by @diarmuradi](https://shadcn.exchange/r/diarmuradi/sign-in-2) `npx shadcn@latest add https://shadcn.exchange/r/diarmuradi/sign-in-2.json`
- [Sign Up 3 by @diarmuradi](https://shadcn.exchange/r/diarmuradi/sign-up-3) `npx shadcn@latest add https://shadcn.exchange/r/diarmuradi/sign-up-3.json`
- [Sign In 1 by @diarmuradi](https://shadcn.exchange/r/diarmuradi/sign-in-1) `npx shadcn@latest add https://shadcn.exchange/r/diarmuradi/sign-in-1.json`
- [Two Factor 1 by @diarmuradi](https://shadcn.exchange/r/diarmuradi/two-factor-1) `npx shadcn@latest add https://shadcn.exchange/r/diarmuradi/two-factor-1.json`
- [Sign Up 2 by @diarmuradi](https://shadcn.exchange/r/diarmuradi/sign-up-2) `npx shadcn@latest add https://shadcn.exchange/r/diarmuradi/sign-up-2.json`
- [Sign In 3 by @diarmuradi](https://shadcn.exchange/r/diarmuradi/sign-in-3) `npx shadcn@latest add https://shadcn.exchange/r/diarmuradi/sign-in-3.json`
- [Two Factor 2 by @diarmuradi](https://shadcn.exchange/r/diarmuradi/two-factor-2) `npx shadcn@latest add https://shadcn.exchange/r/diarmuradi/two-factor-2.json`
- [Sign in by @silicon-ui](https://shadcn.exchange/r/silicon-ui/sign-in): A sign in card that morphs from email to a six digit code to your account. `npx shadcn@latest add https://shadcn.exchange/r/silicon-ui/sign-in.json`
- [Sign Up Form by @geturui](https://shadcn.exchange/r/geturui/sign-up-form): Sign-up card with a GitHub button, an email field that validates and shakes, an animated password-strength meter, a stateful submit and a success state that morphs in with a drawn check. `npx shadcn@latest add https://shadcn.exchange/r/geturui/sign-up-form.json`
- [Signup Trial by @esuiss](https://shadcn.exchange/r/esuiss/signup-trial): A free trial signup split between a promotional image panel and a short form with a password strength meter. `npx shadcn@latest add https://shadcn.exchange/r/esuiss/signup-trial.json`
- [OTP Input by @karaui](https://shadcn.exchange/r/karaui/otp-input): One-time-code input with a gliding focus ring, digits that roll in per slot, error shake and a success check draw. `npx shadcn@latest add https://shadcn.exchange/r/karaui/otp-input.json`
- [Login 01 by @heyompatil](https://shadcn.exchange/r/heyompatil/login-01): A simple login form. `npx shadcn@latest add https://shadcn.exchange/r/heyompatil/login-01.json`
- [Sign up form by @silicon-ui](https://shadcn.exchange/r/silicon-ui/signup-form): An account creation flow with field validation, password strength, and a clear completion state. `npx shadcn@latest add https://shadcn.exchange/r/silicon-ui/signup-form.json`
- [Login Account by @esuiss](https://shadcn.exchange/r/esuiss/login-account): A two-step account sign-in form that asks for an email, then reveals a password field. `npx shadcn@latest add https://shadcn.exchange/r/esuiss/login-account.json`
- [Newsletter signup by @silicon-ui](https://shadcn.exchange/r/silicon-ui/newsletter-signup): An email signup framed by a stack of past issues; subscribing drops the next issue, addressed to you, onto the front. `npx shadcn@latest add https://shadcn.exchange/r/silicon-ui/newsletter-signup.json`
- [Login Passkey by @esuiss](https://shadcn.exchange/r/esuiss/login-passkey): A passwordless sign-in screen that runs a simulated face scan in a dialog, then welcomes the user. `npx shadcn@latest add https://shadcn.exchange/r/esuiss/login-passkey.json`
- [Centered login by @silicon-ui](https://shadcn.exchange/r/silicon-ui/login-centered): A passkey-first login card on a quiet ring backdrop that morphs through email and code. `npx shadcn@latest add https://shadcn.exchange/r/silicon-ui/login-centered.json`
- [Signup Steps by @esuiss](https://shadcn.exchange/r/esuiss/signup-steps): A one-question-at-a-time signup flow for name, email, and password, with a progress indicator. `npx shadcn@latest add https://shadcn.exchange/r/esuiss/signup-steps.json`
- [OTP input by @silicon-ui](https://shadcn.exchange/r/silicon-ui/otp-input): A six digit verification flow with paste support and keyboard navigation. `npx shadcn@latest add https://shadcn.exchange/r/silicon-ui/otp-input.json`
- [Login Sheet by @esuiss](https://shadcn.exchange/r/esuiss/login-sheet): A mobile app welcome screen with a Sign in with suiss bottom sheet for sharing or hiding an email. `npx shadcn@latest add https://shadcn.exchange/r/esuiss/login-sheet.json`
- [Signup Form by @esuiss](https://shadcn.exchange/r/esuiss/signup-form): A full account creation form with name, country, birthday, email, and password fields and live password rules. `npx shadcn@latest add https://shadcn.exchange/r/esuiss/signup-form.json`
- [Centered Sign In Card by @beste-ui](https://shadcn.exchange/r/beste-ui/auth1): Full-height centered sign-in screen with social login providers, email and password fields, a show/hide password toggle, remember-me checkbox, and forgot-password link. Perfect for SaaS apps, dashboards, and member portals. `npx shadcn@latest add https://shadcn.exchange/r/beste-ui/auth1.json`
- [Auth Split by @atroui](https://shadcn.exchange/r/atroui/auth-split): Split login/signup shell with editable CONTENT. No auth backend. `npx shadcn@latest add https://shadcn.exchange/r/atroui/auth-split.json`
- [Sign in by @uiarc](https://shadcn.exchange/r/uiarc/sign-in): A sign in card that morphs from email to a six digit code to your account. `npx shadcn@latest add https://shadcn.exchange/r/uiarc/sign-in.json`
- [Sign in forms by @shadcnuikit](https://shadcn.exchange/r/shadcnuikit/signin-form1): Centered sign-in form with labelled email and password fields, remember me checkbox, forgot password link and submit button, followed by an “or continue with” divider and GitHub, Google and Twitter icon buttons. `npx shadcn@latest add https://shadcn.exchange/r/shadcnuikit/signin-form1.json`
- [Login 1 - Minimal email and password login by @shadcnblocks](https://shadcn.exchange/r/shadcnblocks/login1): Simple centered login form with a logo, email and password inputs, a submit button, and a signup link. `npx shadcn@latest add https://shadcn.exchange/r/shadcnblocks/login1.json`
- [OTP Input by @beui](https://shadcn.exchange/r/beui/otp-input): One-time-code input with a gliding focus ring, digits that roll in per slot, error shake and a success check draw. `npx shadcn@latest add https://shadcn.exchange/r/beui/otp-input.json`
- [Auth Card by @lema-ds](https://shadcn.exchange/r/lema-ds/ds-auth-card): Shell de autenticação unificado com variantes centered/muted/split/cover — consolida shadcn login-01..05 e signup-01..05. `npx shadcn@latest add https://shadcn.exchange/r/lema-ds/ds-auth-card.json`
- [Family Sign In Drawer by @uui](https://shadcn.exchange/r/uui/family-signin-drawer) `npx shadcn@latest add https://shadcn.exchange/r/uui/family-signin-drawer.json`
- [auth-03 by @intentui](https://shadcn.exchange/r/intentui/auth-03): auth-03. `npx shadcn@latest add https://shadcn.exchange/r/intentui/auth-03.json`
- [Register Form by @buzzform](https://shadcn.exchange/r/buzzform/register-form): Registration form inside a modal dialog with password strength indicator. `npx shadcn@latest add https://shadcn.exchange/r/buzzform/register-form.json`
- [Forgot Password Page by @einui](https://shadcn.exchange/r/einui/forgot-password-page): A forgot password recovery page with email submission and confirmation state, including helpful tips and support contact. `npx shadcn@latest add https://shadcn.exchange/r/einui/forgot-password-page.json`
- [Signup Form by @corsair-ui](https://shadcn.exchange/r/corsair-ui/signup-form): A centred sign-up card with name, email and password fields, a required terms checkbox, optional sign-up providers and pending, success and error states. `npx shadcn@latest add https://shadcn.exchange/r/corsair-ui/signup-form.json`
- [Signup Flow by @framecn](https://shadcn.exchange/r/framecn/signup-flow): Timeline-driven signup flow. `npx shadcn@latest add https://shadcn.exchange/r/framecn/signup-flow.json`
- [Register Form by @nekode](https://shadcn.exchange/r/nekode/register-form): Sign-up form with name, email and password confirmation. `npx shadcn@latest add https://shadcn.exchange/r/nekode/register-form.json`
- [Login 02 by @herocn](https://shadcn.exchange/r/herocn/login-02): A two column login page with a cover image. `npx shadcn@latest add https://shadcn.exchange/r/herocn/login-02.json`
- [Login form by @formscn](https://shadcn.exchange/r/formscn/login-form): Simple email and password login form. `npx shadcn@latest add https://shadcn.exchange/r/formscn/login-form.json`
- [Login Form 01 - Standard Card Layout by @shadcn-dashboard](https://shadcn.exchange/r/shadcn-dashboard/login-block-1): A minimalist, centered card layout for login. Features email, password, and social login options. Ideal for straightforward authentication flows in SaaS apps or admin panels. `npx shadcn@latest add https://shadcn.exchange/r/shadcn-dashboard/login-block-1.json`
- [Login with split panel by @quill](https://shadcn.exchange/r/quill/login-split-panel): A full-page, branded sign-in — a testimonial panel beside an email/password form with a magic-link option. `npx shadcn@latest add https://shadcn.exchange/r/quill/login-split-panel.json`
- [Simple Inline Form by @shadcn-ui-blocks](https://shadcn.exchange/r/shadcn-ui-blocks/portfolio-portfolio-email-signup-and-newsletter-simple-inline-form): A single row with an email input and a subscribe button. Slots into any section when you want a quick, low friction way to gather addresses. `npx shadcn@latest add https://shadcn.exchange/r/shadcn-ui-blocks/portfolio-portfolio-email-signup-and-newsletter-simple-inline-form.json`
- [Password Based Auth flow for Nextjs and Supabase by @supabase](https://shadcn.exchange/r/supabase/password-based-auth-nextjs): Password Based Auth flow for Nextjs and Supabase. `npx shadcn@latest add https://shadcn.exchange/r/supabase/password-based-auth-nextjs.json`
- [Login screen by @1st-pouf](https://shadcn.exchange/r/1st-pouf/login): An example auth screen — card, fields, and buttons. `npx shadcn@latest add https://shadcn.exchange/r/1st-pouf/login.json`
- [Newsletter Signup by @ilinxa](https://shadcn.exchange/r/ilinxa/newsletter-signup): Newsletter signup card — inline email form or CTA-only variant, async status tracking, three tones, full i18n. `npx shadcn@latest add https://shadcn.exchange/r/ilinxa/newsletter-signup.json`
- [Login with Email, Password and Google by @blocks-so](https://shadcn.exchange/r/blocks-so/login-02): A login with email, password and google block. `npx shadcn@latest add https://shadcn.exchange/r/blocks-so/login-02.json`
- [Forgot Password Request by @beste-ui](https://shadcn.exchange/r/beste-ui/auth4): Full-height password recovery screen with a centered icon, single email field built on the shadcn Field primitives, a send-reset-link button, and a back-to-sign-in link. Perfect for the first step of any password reset flow. `npx shadcn@latest add https://shadcn.exchange/r/beste-ui/auth4.json`
- [Newsletter signup by @uiarc](https://shadcn.exchange/r/uiarc/newsletter-signup): An email signup framed by a stack of past issues; subscribing drops the next issue, addressed to you, onto the front. `npx shadcn@latest add https://shadcn.exchange/r/uiarc/newsletter-signup.json`
- [Signup 1 - Centered signup form with confirm password by @shadcnblocks](https://shadcn.exchange/r/shadcnblocks/signup1): A full-screen centered signup form with a logo, unlabeled email and password fields, a confirm password input, a create account button, and a login link. `npx shadcn@latest add https://shadcn.exchange/r/shadcnblocks/signup1.json`
- [Register Simple by @lema-ds](https://shadcn.exchange/r/lema-ds/ds-register-simple): Card cadastro centrado — blockus register #01-08. `npx shadcn@latest add https://shadcn.exchange/r/lema-ds/ds-register-simple.json`
- [auth-02 by @intentui](https://shadcn.exchange/r/intentui/auth-02): auth-02. `npx shadcn@latest add https://shadcn.exchange/r/intentui/auth-02.json`
- [Sign Up Page by @einui](https://shadcn.exchange/r/einui/signup-page): A complete sign up page with multi-step validation, password strength indicator, confirm password matching, and terms agreement checkbox. `npx shadcn@latest add https://shadcn.exchange/r/einui/signup-page.json`
- [Login Form by @corsair-ui](https://shadcn.exchange/r/corsair-ui/login-form): A centred sign-in card with email and password fields, a remember-me checkbox, optional sign-in providers and pending, success and error states. `npx shadcn@latest add https://shadcn.exchange/r/corsair-ui/login-form.json`
- [Forgot Password Form by @nekode](https://shadcn.exchange/r/nekode/forgot-password-form): Single-field form that requests a password reset link. `npx shadcn@latest add https://shadcn.exchange/r/nekode/forgot-password-form.json`
- [Login 01 by @herocn](https://shadcn.exchange/r/herocn/login-01): A simple login form. `npx shadcn@latest add https://shadcn.exchange/r/herocn/login-01.json`
- [Signup form by @formscn](https://shadcn.exchange/r/formscn/signup-form): User registration form with email and password. `npx shadcn@latest add https://shadcn.exchange/r/formscn/signup-form.json`
- [Forgot Password Form 01 - Clean Recovery Card by @shadcn-dashboard](https://shadcn.exchange/r/shadcn-dashboard/forgot-password-01): A simple, centered recovery form. Provides an email field and clear instructions to help users regain access to their accounts quickly and easily. `npx shadcn@latest add https://shadcn.exchange/r/shadcn-dashboard/forgot-password-01.json`
- [OTP verification by @quill](https://shadcn.exchange/r/quill/otp-verification): A six-digit one-time-passcode entry card for verifying an email, with expiry messaging and a resend action. `npx shadcn@latest add https://shadcn.exchange/r/quill/otp-verification.json`
- [Sign Up Form by @shadcn-ui-blocks](https://shadcn.exchange/r/shadcn-ui-blocks/marketing-hero-forms-sign-up-form): A hero with a sign up form for email and password beside the headline. Opens new accounts fast so visitors can start using the product now. `npx shadcn@latest add https://shadcn.exchange/r/shadcn-ui-blocks/marketing-hero-forms-sign-up-form.json`
- [Social Auth flow for Nextjs and Supabase by @supabase](https://shadcn.exchange/r/supabase/social-auth-nextjs): Social Auth flow for Nextjs and Supabase. `npx shadcn@latest add https://shadcn.exchange/r/supabase/social-auth-nextjs.json`
- [Login with Email and Password by @blocks-so](https://shadcn.exchange/r/blocks-so/login-03): A login with email and password block. `npx shadcn@latest add https://shadcn.exchange/r/blocks-so/login-03.json`
- [Email Verification Code by @beste-ui](https://shadcn.exchange/r/beste-ui/auth3): Full-height OTP verification screen with a centered icon, segmented six-digit code input, a verify button that unlocks once the code is complete, and a live resend countdown timer. Perfect for two-factor auth, magic links, and email confir… `npx shadcn@latest add https://shadcn.exchange/r/beste-ui/auth3.json`
- [Sign up form by @uiarc](https://shadcn.exchange/r/uiarc/signup-form): An account creation flow with field validation, password strength, and a clear completion state. `npx shadcn@latest add https://shadcn.exchange/r/uiarc/signup-form.json`
- [Login 2 - Labeled input login form by @shadcnblocks](https://shadcn.exchange/r/shadcnblocks/login2): Centered login card with labeled email and password fields, a submit button, and a signup prompt below. `npx shadcn@latest add https://shadcn.exchange/r/shadcnblocks/login2.json`
- [Register Split by @lema-ds](https://shadcn.exchange/r/lema-ds/ds-register-split): Split screen imagem + formulário — blockus #09-22. `npx shadcn@latest add https://shadcn.exchange/r/lema-ds/ds-register-split.json`
- [auth-01 by @intentui](https://shadcn.exchange/r/intentui/auth-01): auth-01. `npx shadcn@latest add https://shadcn.exchange/r/intentui/auth-01.json`
- [Login Page by @einui](https://shadcn.exchange/r/einui/login-page): A complete login page with email and password authentication, password visibility toggle, remember me option, and social login buttons. `npx shadcn@latest add https://shadcn.exchange/r/einui/login-page.json`
- [Login Form by @nekode](https://shadcn.exchange/r/nekode/login-form): Email and password sign-in form with validation. `npx shadcn@latest add https://shadcn.exchange/r/nekode/login-form.json`
- [Login 03 by @herocn](https://shadcn.exchange/r/herocn/login-03): A login page with a muted background color. `npx shadcn@latest add https://shadcn.exchange/r/herocn/login-03.json`
- [OTP Form 01 - Minimal Verification Card by @shadcn-dashboard](https://shadcn.exchange/r/shadcn-dashboard/otp-01): A focused, center-aligned verification box. Contains a secure code input and a resend action, providing a distraction-free experience for identity confirmation. `npx shadcn@latest add https://shadcn.exchange/r/shadcn-dashboard/otp-01.json`
- [Signup — social first by @quill](https://shadcn.exchange/r/quill/signup-social): Signup that leads with GitHub and Google provider buttons, falling back to an email/password form. `npx shadcn@latest add https://shadcn.exchange/r/quill/signup-social.json`
- [Card Style Signup by @shadcn-ui-blocks](https://shadcn.exchange/r/shadcn-ui-blocks/portfolio-portfolio-email-signup-and-newsletter-card-style-signup): A bordered card holding a headline, short pitch, and email field. Use it as a standalone callout inviting visitors to join your mailing list. `npx shadcn@latest add https://shadcn.exchange/r/shadcn-ui-blocks/portfolio-portfolio-email-signup-and-newsletter-card-style-signup.json`
- [Password Based Auth flow for React Router and Supabase by @supabase](https://shadcn.exchange/r/supabase/password-based-auth-react-router): Password Based Auth flow for React Router and Supabase. `npx shadcn@latest add https://shadcn.exchange/r/supabase/password-based-auth-react-router.json`
- [Login with Magic Link and SSO by @blocks-so](https://shadcn.exchange/r/blocks-so/login-06): A login with magic link and sso block. `npx shadcn@latest add https://shadcn.exchange/r/blocks-so/login-06.json`
- [Magic Link Sign In by @beste-ui](https://shadcn.exchange/r/beste-ui/auth6): Full-height passwordless sign-in screen with a single email field, a send-magic-link button, a helper note, and social login providers below a divider. Perfect for passwordless and email-link authentication flows. `npx shadcn@latest add https://shadcn.exchange/r/beste-ui/auth6.json`
- [OTP input by @uiarc](https://shadcn.exchange/r/uiarc/otp-input): A six digit verification flow with paste support and keyboard navigation. `npx shadcn@latest add https://shadcn.exchange/r/uiarc/otp-input.json`
- [Signup 2 - Centered signup form with logo by @shadcnblocks](https://shadcn.exchange/r/shadcnblocks/signup2): A full-screen centered signup form with a logo, email and password inputs, a create account button, and a login link on a muted background. `npx shadcn@latest add https://shadcn.exchange/r/shadcnblocks/signup2.json`
- [Signup 04 by @herocn](https://shadcn.exchange/r/herocn/signup-04): A signup page with form and image. `npx shadcn@latest add https://shadcn.exchange/r/herocn/signup-04.json`
- [Signup Form 01 - Essential Centered Card by @shadcn-dashboard](https://shadcn.exchange/r/shadcn-dashboard/signup-01): A clean, centrally aligned card design for creating accounts. Includes core input fields and social providers, making it perfect for frictionless user onboarding. `npx shadcn@latest add https://shadcn.exchange/r/shadcn-dashboard/signup-01.json`
- [Login with OAuth providers by @quill](https://shadcn.exchange/r/quill/login-oauth): Provider-first sign-in — Google, GitHub, and Apple buttons above an email fallback. `npx shadcn@latest add https://shadcn.exchange/r/quill/login-oauth.json`
- [Split Section Signup by @shadcn-ui-blocks](https://shadcn.exchange/r/shadcn-ui-blocks/portfolio-portfolio-email-signup-and-newsletter-split-section-signup): A two column section with descriptive copy beside the signup form. Explains what subscribers get while keeping the email field clearly in view. `npx shadcn@latest add https://shadcn.exchange/r/shadcn-ui-blocks/portfolio-portfolio-email-signup-and-newsletter-split-section-signup.json`
- [Social Auth flow for React Router and Supabase by @supabase](https://shadcn.exchange/r/supabase/social-auth-react-router): Social Auth flow for React Router and Supabase. `npx shadcn@latest add https://shadcn.exchange/r/supabase/social-auth-react-router.json`
- [Login with Email and Google by @blocks-so](https://shadcn.exchange/r/blocks-so/login-01): A login with email and google block. `npx shadcn@latest add https://shadcn.exchange/r/blocks-so/login-01.json`
- [Pattern Lock Unlock by @beste-ui](https://shadcn.exchange/r/beste-ui/auth38): Full-height pattern unlock screen with a tappable 3x3 dot grid that draws connecting lines as dots are selected, plus clear and unlock controls. Perfect for app lock screens and quick re-authentication. `npx shadcn@latest add https://shadcn.exchange/r/beste-ui/auth38.json`
- [Centered login by @uiarc](https://shadcn.exchange/r/uiarc/login-centered): A passkey-first login card on a quiet ring backdrop that morphs through email and code. `npx shadcn@latest add https://shadcn.exchange/r/uiarc/login-centered.json`
- [Login 04 by @herocn](https://shadcn.exchange/r/herocn/login-04): A login page with form and image. `npx shadcn@latest add https://shadcn.exchange/r/herocn/login-04.json`
- [Login by @quill](https://shadcn.exchange/r/quill/login): The standard email-and-password sign-in card, with remember-me and a forgot-password escape hatch. `npx shadcn@latest add https://shadcn.exchange/r/quill/login.json`
- [Security Question Reset by @shadcn-ui-blocks](https://shadcn.exchange/r/shadcn-ui-blocks/application-reset-password-security-question-reset): A reset password form that verifies identity with a saved security question and answer before allowing a new password. Use as a passwordless recovery path. `npx shadcn@latest add https://shadcn.exchange/r/shadcn-ui-blocks/application-reset-password-security-question-reset.json`
- [Login Card Signup Form by @blocks-so](https://shadcn.exchange/r/blocks-so/login-05): A login card signup form block. `npx shadcn@latest add https://shadcn.exchange/r/blocks-so/login-05.json`
- [PIN Keypad Unlock by @beste-ui](https://shadcn.exchange/r/beste-ui/auth30): Full-height numeric keypad lock screen with PIN dots, a biometric shortcut, and a backspace key. Perfect for mobile app locks and quick re-authentication. `npx shadcn@latest add https://shadcn.exchange/r/beste-ui/auth30.json`
- [Signup 01 by @herocn](https://shadcn.exchange/r/herocn/signup-01): A simple signup form. `npx shadcn@latest add https://shadcn.exchange/r/herocn/signup-01.json`
- [Sign up by @quill](https://shadcn.exchange/r/quill/signup): Standard account-creation card — name, email, password, and a link back to sign-in. `npx shadcn@latest add https://shadcn.exchange/r/quill/signup.json`
- [Email OTP Reset by @shadcn-ui-blocks](https://shadcn.exchange/r/shadcn-ui-blocks/application-reset-password-email-otp-reset): A reset password form that emails a one time code, then prompts users to enter the OTP digits before setting a new password. Use for secure email recovery. `npx shadcn@latest add https://shadcn.exchange/r/shadcn-ui-blocks/application-reset-password-email-otp-reset.json`
- [Login Signup with Role Selection by @blocks-so](https://shadcn.exchange/r/blocks-so/login-09): A login signup with role selection block. `npx shadcn@latest add https://shadcn.exchange/r/blocks-so/login-09.json`
- [Set New Password by @beste-ui](https://shadcn.exchange/r/beste-ui/auth5): Full-height reset-password screen with new and confirm password fields (each with a show/hide toggle) and a live requirements checklist that ticks off rules as the user types. Perfect for the final step of a password reset or invite flow. `npx shadcn@latest add https://shadcn.exchange/r/beste-ui/auth5.json`
- [Signup 02 by @herocn](https://shadcn.exchange/r/herocn/signup-02): A two column signup page with a cover image. `npx shadcn@latest add https://shadcn.exchange/r/herocn/signup-02.json`
- [Forgot password by @quill](https://shadcn.exchange/r/quill/forgot-password): A password-reset request card — an email field, a send-link action, and a way back to sign in. `npx shadcn@latest add https://shadcn.exchange/r/quill/forgot-password.json`
- [Two Factor Verification by @shadcn-ui-blocks](https://shadcn.exchange/r/shadcn-ui-blocks/marketing-hero-forms-two-factor-verification): A hero with a two factor verification form for a one time security code. Confirms identity during signin to keep new accounts safe and secure. `npx shadcn@latest add https://shadcn.exchange/r/shadcn-ui-blocks/marketing-hero-forms-two-factor-verification.json`
- [Login with Social Buttons by @blocks-so](https://shadcn.exchange/r/blocks-so/login-04): A login with social buttons block. `npx shadcn@latest add https://shadcn.exchange/r/blocks-so/login-04.json`

For the rest, page through `https://shadcn.exchange/api/catalog?kind=blocks&category=login&price=free`.

## Paid login and sign-up blocks

The first 60 of 211, best first. Their registries sell these: each installs from its registry once bought.

- [Login 05- Split Workspace Login by @shadcn-space](https://shadcn.exchange/r/shadcn-space/login-05): A clean split-screen login page combining a minimal authentication form with an engaging workspace visual, helping teams sign in quickly while reinforcing collaboration, productivity, and brand trust.
- [Auth 13 by @efferd](https://shadcn.exchange/r/efferd/auth-13): Minimal sign-in layout with logo header and clean fields.
- [Register 05 - Modern Team Collaboration Sign-up by @shadcn-space](https://shadcn.exchange/r/shadcn-space/register-05): A sleek authentication page showcasing secure credential fields and social access options, supported by a vibrant coworking scene to emphasize collaboration and growth.
- [Auth 11 by @efferd](https://shadcn.exchange/r/efferd/auth-11): Sign-in screen with patterned backdrop and centered form.
- [Login 09 - Peeking Puppy Animated Login by @shadcn-space](https://shadcn.exchange/r/shadcn-space/login-09): A playful login card where a puppy peeks over the top, follows your typing, hides while you enter a password, and reacts to success or errors.
- [Auth 14 by @efferd](https://shadcn.exchange/r/efferd/auth-14): Sign-in page with avatar accents and polished social flow.
- [Forgot Password 02 - Dashboard Recovery Page by @shadcn-space](https://shadcn.exchange/r/shadcn-space/forgot-password-02): A modern split-screen password recovery page featuring a clean email input form alongside a live admin dashboard preview to reinforce trust and platform credibility.
- [Auth 8 by @efferd](https://shadcn.exchange/r/efferd/auth-8): Sign-in page with flickering grid backdrop and clean form.
- [Register 07 - Video Background Split Register by @shadcn-space](https://shadcn.exchange/r/shadcn-space/register-07): A split-screen register page pairing a looping video background with a scrolling testimonial marquee and trusted-brand logos against a clean credentials form, built to build trust while keeping sign-in effortless.
- [Auth 7 by @efferd](https://shadcn.exchange/r/efferd/auth-7): Split sign-in page with decorative icons and social login.
- [Forgot Password 04 - Animated Gradient Password Reset by @shadcn-space](https://shadcn.exchange/r/shadcn-space/forgot-password-04): A sleek password reset interface combining secure email input with a dynamic animated light effect, creating a visually engaging and confident recovery journey.
- [Auth 6 by @efferd](https://shadcn.exchange/r/efferd/auth-6): Sign-in layout with modern branding and compact form.
- [Login 02-Dashboard Preview Login by @shadcn-space](https://shadcn.exchange/r/shadcn-space/login-02): A modern split login page featuring a clean authentication form alongside a dynamic admin dashboard preview, building trust while giving users a quick glimpse into the platform experience.
- [Auth 12 by @efferd](https://shadcn.exchange/r/efferd/auth-12): Signup page with avatar accents, social buttons, and email form.
- [Login 04 - Creative Animated Login by @shadcn-space](https://shadcn.exchange/r/shadcn-space/login-04): A modern login layout featuring social authentication, secure credential fields, and a bold visual panel—designed to elevate brand identity while delivering a smooth, distraction-free sign-in experience.
- [Auth 9 by @efferd](https://shadcn.exchange/r/efferd/auth-9): Sign-in layout with subtle grid pattern and social actions.
- [Register 06 - Minimal Dual-Panel register by @shadcn-space](https://shadcn.exchange/r/shadcn-space/register-06): A clean dual-column login page featuring streamlined credential inputs and multiple social sign-in options, designed to deliver clarity, balance, and effortless access.
- [Auth 10 by @efferd](https://shadcn.exchange/r/efferd/auth-10): Sign-in page with testimonial card and email form.
- [Login 10 - Video Split Login on Moving Clouds by @shadcn-space](https://shadcn.exchange/r/shadcn-space/login-10): A split login card with a video panel on the left and a clean sign in form on the right, floating over an animated sky blue gradient with drifting clouds.
- [Two Factor Authentication 02 - Modern Two-Step Authentication by @shadcn-space](https://shadcn.exchange/r/shadcn-space/two-factor-authentication-02): A polished verification experience that combines clean visuals, structured input fields, and reassuring messaging to confirm user identity with confidence.
- [Login 07 - Video Background Split Login by @shadcn-space](https://shadcn.exchange/r/shadcn-space/login-07): A split-screen login page pairing a looping video background with a scrolling testimonial marquee and trusted-brand logos against a clean credentials form, built to build trust while keeping sign-in effortless.
- [Register 02 - Modern Analytics SignUp Page by @shadcn-space](https://shadcn.exchange/r/shadcn-space/register-02): A sleek split-screen login layout featuring secure credential inputs and a dynamic admin preview, designed to inspire trust and highlight product capabilities instantly.
- [Two Factor Authentication 05 -Workspace Two-Factor Authentication by @shadcn-space](https://shadcn.exchange/r/shadcn-space/two-factor-authentication-05): A secure verification screen designed for modern teams, combining structured code inputs and clear actions to protect collaborative workspaces with confidence.
- [Login 08 - Cursor Following Characters Login by @shadcn-space](https://shadcn.exchange/r/shadcn-space/login-08): A split login page where playful characters follow your cursor, paired with a clean underline-style credentials card, Google sign-in and a remember me option.
- [Forgot Password 05 -Team-Centric Reset Page by @shadcn-space](https://shadcn.exchange/r/shadcn-space/forgot-password-05): A modern password reset interface displayed alongside a vibrant team environment, blending secure account recovery with a welcoming and professional atmosphere.
- [Login 03 - Visual Split Login by @shadcn-space](https://shadcn.exchange/r/shadcn-space/login-03): A clean split-layout login page combining immersive visuals with secure credential and social sign-in options, crafted to enhance brand presence while ensuring a fast, intuitive authentication experience.
- [Login 06 - Split Authentication Login by @shadcn-space](https://shadcn.exchange/r/shadcn-space/login-06): A modern split-screen login page featuring credential inputs and social authentication options, designed to streamline access, enhance security, and deliver a smooth onboarding experience for users.
- [Register 04 - Creative Studio Sign-Up by @shadcn-space](https://shadcn.exchange/r/shadcn-space/register-04): A professional dark-themed login screen featuring Google, GitHub, X, and LinkedIn authentication alongside clean credential inputs for seamless onboarding.
- [Forgot Password 03 - Minimal Account Password Reset by @shadcn-space](https://shadcn.exchange/r/shadcn-space/forgot-password-03): A clean split-screen password recovery page featuring streamlined email verification alongside a bold abstract visual, delivering clarity, reassurance, and a distraction-free reset experience.
- [Register 03 - Minimal Visual Split register by @shadcn-space](https://shadcn.exchange/r/shadcn-space/register-03): A modern split-screen login page featuring secure credential fields and social authentication, paired with an immersive abstract visual to create a bold, premium first impression.
- [Forgot Password 06 - Modern Account Recovery by @shadcn-space](https://shadcn.exchange/r/shadcn-space/forgot-password-06): A sleek password recovery layout featuring a prominent email input and strong primary button, designed to create a confident, streamlined, and user-friendly reset flow.
- [Login Page 5 by @shadcnstore](https://shadcn.exchange/r/shadcnstore/login-page-5): A modern two-column login page with illustration.
- [Newsletter Signup 2 – Value-led signup with supporting bullets by @shadcncraft](https://shadcn.exchange/r/shadcncraft/newsletter-signup-2): A newsletter signup pattern that leads with clear value before the email field. Short bullet points set expectations and reduce hesitation, while the form remains simple and easy to scan. The supporting visual reinforces product context wi…
- [Login Split by @blockforge](https://shadcn.exchange/r/blockforge/login-split): Sign-up form beside an inverted proof panel.
- [Login form with gradient by @aceternity](https://shadcn.exchange/r/aceternity/login-form-with-gradient): Login Form With Gradient.
- [Signup Page 5 by @shadcnstore](https://shadcn.exchange/r/shadcnstore/signup-page-5): A modern two-column signup page with illustration.
- [Newsletter Signup 4 – Centered call to action with supporting microcopy by @shadcncraft](https://shadcn.exchange/r/shadcncraft/newsletter-signup-4): A centered newsletter signup pattern that emphasizes balance and clarity. The headline and form are vertically stacked to create a clear focal point, with supporting microcopy reinforcing trust without competing for attention. The layout w…
- [Login OTP by @blockforge](https://shadcn.exchange/r/blockforge/login-otp): The 2FA screen — six cells, one blinking caret.
- [Premium auth split by @aceternity](https://shadcn.exchange/r/aceternity/premium-auth-split): Premium Auth Split with WebGL Shader.
- [Forgot Password Page 4 by @shadcnstore](https://shadcn.exchange/r/shadcnstore/forgot-password-page-4): A four-step reset with labelled fields and a resend-code action.
- [Newsletter Signup 1 – Split layout with visual anchor by @shadcncraft](https://shadcn.exchange/r/shadcncraft/newsletter-signup-1): A newsletter signup pattern that pairs a simple email capture with a strong visual anchor. The form stays lightweight and prominent, while the adjacent product visual adds context and credibility. On smaller screens, the layout stacks to k…
- [Signup with guide lines by @aceternity](https://shadcn.exchange/r/aceternity/signup-with-guide-lines): Signup form in a card between full-width guide lines, with GitHub sign up, email and password fields, and a verify-email step.
- [Forgot Password Page 6 by @shadcnstore](https://shadcn.exchange/r/shadcnstore/forgot-password-page-6): A split-screen reset across the email, code, new password and success states.
- [Newsletter Signup 3 – Inline headline with minimal form by @shadcncraft](https://shadcn.exchange/r/shadcncraft/newsletter-signup-3): A compact newsletter signup pattern that places the email field inline with the headline. The layout minimizes friction and keeps attention focused on a single action, making it suitable for low-commitment sections or repeated placements.…
- [Simple login with grid lines by @aceternity](https://shadcn.exchange/r/aceternity/simple-login-with-grid-lines): Simple login form with dashed grid lines border decoration.
- [Login Page 2 by @shadcnstore](https://shadcn.exchange/r/shadcnstore/login-page-2): Clean and simple login form with social authentication.
- [Login with socials and email by @aceternity](https://shadcn.exchange/r/aceternity/login-with-socials-and-email): Login With Socials And Email.
- [Login Page 6 by @shadcnstore](https://shadcn.exchange/r/shadcnstore/login-page-6): A split-screen login with the card on one side and a product panel on the other.
- [Login signup minimal by @aceternity](https://shadcn.exchange/r/aceternity/login-signup-minimal): Login Signup Minimal.
- [Signup Page 4 by @shadcnstore](https://shadcn.exchange/r/shadcnstore/signup-page-4): A labelled card signup with a confirm-password field and social options.
- [Signup Page 6 by @shadcnstore](https://shadcn.exchange/r/shadcnstore/signup-page-6): A split-screen signup with the card beside a product panel.
- [Login Page 4 by @shadcnstore](https://shadcn.exchange/r/shadcnstore/login-page-4): A labelled card login with social buttons placed above the email and password fields.
- [Forgot Password Page 5 by @shadcnstore](https://shadcn.exchange/r/shadcnstore/forgot-password-page-5): A modern two-column forgot password page with illustration.
- [Login Page 3 by @shadcnstore](https://shadcn.exchange/r/shadcnstore/login-page-3): Split-screen login with background image and enhanced UX.
- [Signup Page 3 by @shadcnstore](https://shadcn.exchange/r/shadcnstore/signup-page-3): Simple signup form with social authentication options.
- [Forgot Password Page 3 by @shadcnstore](https://shadcn.exchange/r/shadcnstore/forgot-password-page-3): Multi-step password reset with verification code.
- [Forgot Password Page 2 by @shadcnstore](https://shadcn.exchange/r/shadcnstore/forgot-password-page-2): Simple password reset form with email confirmation.
- [Signup Page 2 by @shadcnstore](https://shadcn.exchange/r/shadcnstore/signup-page-2): Multi-step signup form with progress tracking.
- [Signup Page 7 by @shadcnstore](https://shadcn.exchange/r/shadcnstore/signup-page-7): A multi-step signup wizard with blocking per-step validation and a review step.
- [Login Blocks 8 by @tailark](https://shadcn.exchange/r/tailark/login-blocks-8): Tailark login-blocks variant 8 block.

For the rest, page through `https://shadcn.exchange/api/catalog?kind=blocks&category=login&price=paid`.

## Registries with the most login and sign-up blocks

- [@beste-ui](https://shadcn.exchange/r/beste-ui): 51 blocks, 7 free and 44 paid
- [@shadcnblocks](https://shadcn.exchange/r/shadcnblocks): 35 blocks, 4 free and 31 paid
- [@tailark](https://shadcn.exchange/r/tailark): 27 blocks, all paid
- [@shadcn-space](https://shadcn.exchange/r/shadcn-space): 26 blocks, 4 free and 22 paid
- [@shadcn-dashboard](https://shadcn.exchange/r/shadcn-dashboard): 25 blocks, 4 free and 21 paid
- [@reui](https://shadcn.exchange/r/reui): 20 blocks, all paid
- [@shadcnstore](https://shadcn.exchange/r/shadcnstore): 19 blocks, 3 free and 16 paid
- [@diarmuradi](https://shadcn.exchange/r/diarmuradi): 16 blocks, all free
- [@efferd](https://shadcn.exchange/r/efferd): 14 blocks, 5 free and 9 paid
- [@shadcnui-blocks](https://shadcn.exchange/r/shadcnui-blocks): 14 blocks, all free
- [@shadcn-ui-blocks](https://shadcn.exchange/r/shadcn-ui-blocks): 12 blocks, all free
- [@herocn](https://shadcn.exchange/r/herocn): 10 blocks, all free
- [@blocks-so](https://shadcn.exchange/r/blocks-so): 9 blocks, all free
- [@nusaiba](https://shadcn.exchange/r/nusaiba): 9 blocks, all free
- [@shadcnuikit](https://shadcn.exchange/r/shadcnuikit): 9 blocks, 1 free and 8 paid
- [@7ovr](https://shadcn.exchange/r/7ovr): 8 blocks, all free
- [@hirael](https://shadcn.exchange/r/hirael): 8 blocks, all free
- [@quill](https://shadcn.exchange/r/quill): 8 blocks, all free
- [@aceternity](https://shadcn.exchange/r/aceternity): 6 blocks, all paid
- [@ballmac](https://shadcn.exchange/r/ballmac): 6 blocks, all free