BrowserMoon App templatesEmail sign-in

Email sign-in app template

A dark passwordless email sign-in screen for iOS and Android apps. One question, one field, and a line underneath saying what happens next, so nothing competes with the thing being asked. Use it for any mobile app that wants lower drop-off at sign-in, including SaaS tools, subscription services, and consumer apps. Build it with Bolt, Lovable, or Replit.

About this app template

Asking for an email and a password on one screen is what sign-in used to look like, and it costs you the users who cannot remember either. This screen asks one question and gives it the whole page: the question is set large and heavy at the top, the field sits directly under it, and a quiet line below says the address will need confirming. That gap in size between the question and everything else is what makes the screen readable in a second. The dark ground keeps the field the brightest thing on screen, which is where the cursor already is. Paste it into Bolt, Lovable, or Replit and connect it to your auth provider.

Build a full mobile app auth flow with this template design

An auth flow covers sign in, sign up, code verification, and password reset, screens users move between in a single session, so one sign in screen can set the standard for every screen after it. Copy the template, paste it into Claude Code, Replit, Lovable, ChatGPT Codex, Bolt, or Cursor, and send this alongside it.

Paste into Claude Code, Replit, Lovable, Bolt, or Cursor

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, with no password involved. 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 Next, and sign in from the link in their inbox.

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

Offer both, on separate screens. Provider sign-in is one tap and converts well, and an email screen like this one catches everyone who would rather not link an account. Keeping them apart is what lets each screen ask one question.

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 Next button to send the magic link or OTP and routes the user to the next screen on success.