Signup Form

A dark-themed signup component with a live password strength indicator, custom checkbox, Google OAuth, and loading state.

Create an account

Start building something great today

or sign up with email

Already have an account?

bash

npx shadcn@latest add "https://dexterityui.vercel.app/r/signup.json"

🔐

Password strength meter

Live 4-bar indicator — Weak, Fair, Good, Strong

👁️

Show / hide password

Toggle password visibility without losing focus

✅

Custom checkbox

Accessible Terms & Privacy agreement checkbox

⚡

Google OAuth

One-click Google sign-up with branded button

⏳

Loading state

Submit button shows spinner during async operations

🎨

Fully composable

All handlers passed as props, zero internal state dependencies

Prop	Type	Description
onSubmit	(values) => void	Called with { name, email, password } on form submit.
onGoogleSignIn	() => void	Called when the Google button is clicked.
onSignIn	() => void	Called when the 'Sign in' link is clicked.
className	string	Additional classes for the root container.