design-infraReport a problem or share feedback← Catalog
Sign Up Form
freebeui/signup-form
Composed sign-up form that flags a field only once it is left, then clears the moment it is fixed, with a length-weighted strength meter, password reveal and an animated submit lifecycle.
$
npx shadcn@latest add @beui/signup-formnpm deps: clsx, lucide-react, motion, tailwind-merge
- Source
- beUI (free)
- Kind
- block
- Categories
- auth, form
- Use as
- drop-in — replaces your component
- Applies to
- authform
- Motion
- on enter · medium · motion · medium cost
- Tags
- react, tailwind-v4, motion, blocks
- Licence
- MIT — Copyright (c) 2026 Saurabh Chauhan; retain the upstream notice when copying source.
- Live demo
- beui.dev
- Docs
- beui.dev
Similar
Compare all 4 →- Auth Formsmoothui/auth-formA presentation-only sign-in / sign-up form that reveals fields progressively and stays fully accessible.
- Feedback Widgetbeui/feedback-widgetAn in-product feedback entry point. Connect a deliberate submission destination and show what is shared; the component alone supplies no collection backend.
- Settings formoc/settings-formAccount settings page (profile, preferences, notifications, danger zone) plus the SettingsSection / SettingsRow primitives to compose your own.