Search

Search components and blocks

Sign in

Auth Blocks

Sign-in, sign-up, and account flows — login forms, OTP/passcode entry, and password reset built on shadcn primitives.

Split Sign-up Modal

Pro

A sign-up modal on the Center Morph Modal with the pitch on the left and an image slot on the right, which is a dashed placeholder until you pass your own element to the media prop (it is hidden on phones). Google is the primary path. Continue with email collapses the Google button so the email field glides up into its place, then password, a Create account button and a back link open out beneath it one after another; submitting confirms the account and closes the modal. A works-with row of integration logos closes the pitch. Sample copy is for Relay, a fictional API monitor, so swap in your own.

pnpm dlx shadcn@latest add @ditherui/split-signup-modal

Props

mediaReactNodeplaceholder
onGoogle() => void—
onEmail(email: string, password: string) => void—
onSwitch() => void—

Suggested components