Auth Blocks

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

Join Card

Pro

A two-step passwordless flow, not just a single form — social-proof (the same AvatarStack component, reused for 'N members'), Google as the primary path, and an email step that crossfades into a 6-digit OTP step once you continue. Each OTP box springs in staggered, auto-advances focus as you type, and the header badge swaps icon between steps. A back arrow returns to the email step without losing what you typed.

pnpm dlx shadcn@latest add @ditherui/join-card

Props

PropTypeDefault

workspacestring"DitherUI"

memberCountnumber1855

Suggested components

0
Active Agents
+3 today
0
Tasks Completed
+18% this week
0
Failed Tasks
No significant change
0.0K
Tokens Used
82% of monthly quota
Card BlocksMeeting, connector and score cards to drop into dashboards.
January 1970
MeetingDesignPersonalDeadline
Sun
Mon
Tue
Wed
Thu
Fri
Sat
Calendar BlocksEvent calendars with color-coded entries.
No projects yet
Projects you create will show up here. Start with a blank one or import from a template.
Empty State BlocksFriendly empty states with a clear next step.

Auth Blocks

Join Card

Props

Suggested components

No projects yet