Email Link Sign In: SwiftUI Email Link Sign In Pattern (Pro)

Passwordless sign-in by email: send a link, check your inbox with Open Mail and a Resend countdown, or enter a code instead.

Pro pattern · recorded from Pro

$npx swiftpieces add MagicLinkSignIn

Needs a SwiftPieces Pro license: npx swiftpieces login first.

Open in the Pro library View pricing Live preview in every Pro style, and its source with SwiftPieces Pro.

ProPattern · Auth and OnboardingiOS 17+Themed by Pro's design system

Type: MagicLinkSignIn
Inside: Email with AutoFill, Check your inbox, Resend countdown, Optional code
Install, with a Pro license: npx swiftpieces add MagicLinkSignIn
Depends on: Pro's Design System, which installs with it

An email field that checks itself and Continue with email, which runs your closure through working, done and failed. The card then turns to Check your inbox with the address, Open Mail and Resend on a countdown, plus an optional six-digit code that fills from AutoFill and submits itself. Links that open your app sign the person in through onLink.

Its SwiftUI source comes with SwiftPieces Pro: Email Link Sign In in the Pro library.

All patterns →

Auth and Onboarding · ProPro

The sign-in section of a welcome screen: email and password, Sign in with Apple, a passkey and Create account in one block.

Inside

Email and password with autofillSign in with its working, done and failed statesSign in with Apple and a passkeyForgot password and create account

Auth and Onboarding · ProNewPro

Reset Password

Account recovery in one block: request a code by email, verify it, choose a new password with rules that tick off, then sign in.

Inside

Step trackSix-digit codeStrong password rulesPer-step states

Auth and Onboarding · ProNewPro

Profile Setup

The first-run profile step: a photo or initials colour, a display name, a username checked live, an optional role, and Continue or Skip.

Inside

Photo or initialsLive username checkRole and birthdaySkip for now

Email Link Sign InNew

More patterns