Join the Waitlist

Full-height waitlist-capture screen with a single email field, a join button, a small social-proof line, and a link back to sign in for people who already have an account.

By Staaarter Team

Auth

Docs

Live preview

Docs

Installation

A real shadcn registry command, not a copy-paste stand-in: it fetches this block plus its button dependencies and any missing npm packages, and installs them straight into your project.

npx shadcn add https://staaarter.com/r/join-the-waitlist.json

Prefer not to use the CLI? Copy the source from the Code toggle above into src/components/blocks/auth/auth43.tsx instead.

Usage

The file also exports auth43Demo, the exact props behind the preview above. Spread it to get a working section in one line, then replace it with your own data.

import { Auth43, auth43Demo } from "@/components/blocks/auth/auth43";

export default function Page() {
  return <Auth43 {...auth43Demo} />;
}

Props

Prop	Type	Default	Description
heading	ReactNode	none	Main heading above the form.
description	string	undefined	Supporting copy under the heading.
emailLabel	string	none	Label for the email field.
emailPlaceholder	string	undefined	Placeholder text for the email input.
buttonLabel	string	none	Label for the waitlist submit button.
socialProof	string	undefined	Small line under the form, e.g. a signup count.
signInLabel	string	none	Label for the sign-in link.
signInHref	string	none	Href for the sign-in link.
className	string	none	Extra classes for the outer section element.

Behavior notes

This is a static server component; the form has no client-side validation or submit handler and posts nowhere, so 'Join waitlist' is inert until a backend is wired up.
socialProof is optional; omitting it removes the line without leaving a gap between the form and the sign-in link.

More Auth Blocks

View all →

centered-sign-in-card

Centered Sign In Card

Full-height centered sign-in card with social buttons, a password show/hide toggle, and remember-me.

split-screen-sign-up

Split-Screen Sign Up

Two-column registration screen with a sign-up form on one side and a full-bleed photo with a customer quote on the other.

email-verification-code

Email Verification Code

Full-height OTP screen with a 6-digit segmented code input, auto-advancing focus, and a live resend countdown.

forgot-password-request

Forgot Password Request

Full-height password recovery screen with a single email field, a send-reset-link button, and a back-to-sign-in link.

set-new-password

Set New Password

Full-height reset-password screen with independent show/hide toggles per field and a live password-requirements checklist.

magic-link-sign-in

Magic Link Sign In

Full-height passwordless sign-in screen with an email field, a send-magic-link button, and social login as a fallback.