Sign Up Card

Registration card with a consent checkbox

Authauthregistersignupformconsent

Create account

Start your free trial. No card required.

I agree to the terms and privacy policy.

Code locked

export function SignUpCard() {
  const field =
    "w-full rounded-lg border border-neutral-200 bg-white px-3 py-2.5 text-sm outline-none transition-colors placeholder:text-neutral-400 focus:border-amber-500";

  return (
    <div className="w-full max-w-sm rounded-2xl border border-neutral-200 bg-white p-6 shadow-lg">
      <h3 className="text-lg font-semibold">Create account</h3>
      <p className="mt-1 text-sm text-neutral-500">

Create a free account to copy the full source, usage snippet and AI prompt of every component.

Create free account Sign in

Free — no card required.

Related components

Welcome back

No account? Create one

Auth · Sign-in card with a Google button and a password reveal

Paste the whole code — it fills every box.

OTP Input

Auth · Six-digit code field — a pasted code fills every box

Too short

8+ characters
Upper and lower case
A number
A symbol

Password Strength

Auth · A meter that scores what was actually typed