Moon/App templates/Email sign-in

Email sign-in

A passwordless email sign-in screen for iOS and Android apps. Users see one question, enter their email, tap Continue, and get a magic link or verification code. No password required, no friction, no forgotten credentials. Use it for any mobile app that wants lower drop-off at sign-in: SaaS tools, productivity apps, subscription services, and consumer apps. Google and Apple sign-in options sit below as alternatives. Connect to Supabase, Clerk, or Firebase via Bolt, Lovable, or Replit.

About this app template

The one-step email sign-in is the modern alternative to asking for email and password on the same screen. Users enter their email, tap Continue, and receive a magic link or OTP. No password to forget, no friction, no drop-off. This template shows that single-step experience with a clean white layout, a large bold question as the heading, a focused email field with a blue active border and blinking cursor, a Continue button, and Google and Apple as secondary options below an or divider. The design matches the sign-in patterns used by Linear, Notion, and most modern SaaS apps ported to mobile. Paste it into Bolt, Lovable, or Replit and ask your AI to add the magic link or OTP logic using Supabase, Clerk, or Firebase.

Common questions about this template

What is a magic link sign-in and how do I build one for iOS?

A magic link sends the user a one-tap login link to their email instead of a password. Paste this template into Bolt, Lovable, or Replit and ask your AI to add magic link authentication using Supabase Auth or Clerk. Users enter their email, tap Continue, and sign in from the link in their inbox.

Should I use email or social sign-in for my iOS app?

Offer both. Social sign-in (Google and Apple) converts better for most users because it is one tap. Email is the fallback for users who prefer not to link a social account. This template shows the email screen with social options below so users choose whichever they prefer.

How do I add OTP or verification code sign-in after this screen?

Paste this template as step one and ask your AI to build a code entry screen as step two. Your AI creates the OTP input, connects it to your auth provider, and handles the verification flow.

Can I use this template with Supabase, Clerk, or Firebase?

Yes. All three support passwordless email sign-in. Paste this template into your AI tool and name the provider. Your AI wires the Continue button to send the magic link or OTP and routes the user to the next screen on success.

Use this template for

  • ·Magic link and OTP email sign-in screens for iOS and Android
  • ·Single-step email authentication flows
  • ·Passwordless sign-in for mobile apps built with vibe coding
  • ·Secondary sign-in step after social auth option is declined

Works with every vibe coding tool