Auth form

A combined sign-in / sign-up card with a mode toggle: sign-in runs a three-step credentials → OTP verification → success flow, sign-up is a single-step account creation form with live password-match validation.

Installation

npx dafink-ui add auth-form

Also installs: Card, Form, Toggle-group, Checkbox, Otp-input, Progress, Button, Badge, Input

Demos

Sign in

Enter your credentials to continue.

Don't have an account?

Social login

Sign in with Google or GitHub, or fall back to a standard email and password form.

Sign in

Choose a provider or use your email.

or continue with email

Don't have an account?
npx dafink-ui add auth-form-social

Also installs: Card, Form, Button, Badge, Input

Magic link

Passwordless sign-in: email a one-time link instead of asking for a password.

Sign in

Enter your email and we'll send you a link to sign in, no password needed.

We'll never ask for a password.
npx dafink-ui add auth-form-magic-link

Also installs: Card, Form, Button, Input