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.

Signup Card

Social buttons, name/email fields where only the very first character pops up from below — animating every keystroke reads as noisy, not delightful — a live 4-segment password-strength meter, a show/hide toggle that crossfades its icon, and the Checkbox component's grow-in tick for the terms row — Create account stays disabled until name, email, an 8+ character password, and the terms checkbox are all satisfied.

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

Create an account

Start building with DitherUI in seconds.

or continue with email

Already have an account? Sign in

Install

$ pnpm dlx shadcn@latest add @ditherui/signup-card

Props

className / ...div propsReact.ComponentProps<"div">—

Suggested components