Login (Mobile app)
The returning-user sign-in screen, optimised for biometrics and autofill rather than typing.
Onboarding & Auth · 8 checks · 8 resources
Before you ship
8- 01Social sign-in — options that connect to an existing Apple or Google account, bypassing manual credential entry
- 02Email field — the input where users enter the email address associated with their account
- 03Password field — a masked text input with the option to reveal what has been typed
- 04Biometric authentication — Face ID or fingerprint sign-in for returning users who have already authenticated once with a password
- 05Credential autofill — system-level support for pre-filling saved email and password from the user's password manager
- 06Forgot password link — the link users reach for when they can't recall their password, leading into the reset flow
- 07Error states — feedback that distinguishes an unrecognised email address from an incorrect password
- 08Passwordless sign-in (magic link) — an alternative that sends a one-time link to the user's email, requiring no password
Resources that help you build this
8- Mobbin · Searchable library of real mobile and web app screens, organized into user flows
- Mobbin MCP · MCP server that gives coding agents 621,500+ real shipped app screens
- gluestack-ui · CLI-installed React Native component library built on NativeWind and Tailwind v4
- Tamagui · Universal React styling engine, optimizing compiler and ~48 components for web and native
- Page Flows · Screen recordings of real user flows from shipped iOS, Android, web, and email apps
- React Native Components · 64 copy-paste React Native screen components, $59.99 once for lifetime access
- ScreensDesign · Screen-recorded iOS app flows from ~1,500 apps, with revenue and ranking data attached
- UI Sources · Retired mobile-UX interaction library; the domain now 301s to ScreensDesign