Auth Forms
Sign-up, log-in, OAuth, password entry, and email and phone verification forms built with Plex UI.
Sign-up, log-in, password and verification screens composed from Float Input, OTP Input, Select, and Button. Settings and editing forms are on Settings Forms. The examples render small helpers from their setup scope with <component :is>: AuthFormStage (the shared Page or Sheet shell), the brand logos, FlagIcon, PhoneCountryTrigger and BirthdayMaskedInput.
Auth examples share AuthInput, AuthFields, and their styles. The AuthFormStage helper supplies the common Page or Sheet shell and mobile context. Copy these files together. Phones use a single filled pill or linked rows without floating labels; desktop keeps FloatingLabelInput. The form owns values, validation and submission.
Screens default to Grouped. The surface control switches to Plain without changing fields or values. Page uses base colors; Dialog uses elevated colors. Auth screens use a shared Page shell in Phone view: a 54px toolbar area, a 10px gap before the form, and 16px side gutters. The dialog control switches to a tall mobile Sheet with its own toolbar. Changes to presentation preserve entered values. Individual input examples keep their component-only layout.
Log in (email)
Welcome back
Log in to your account.
Log in or sign up (OAuth)
Welcome back
Don't have an account?
Terms of UsePrivacy Policy
Sign up (phone)
Create your account
Enter your details to get started.
Log in (phone)
Welcome back
Enter your phone number to continue.
Enter password
Verify email or phone
Verify your email address
Enter the code sent to alex.johnson@example.com
About you (without labels)
Tell us about you
This helps us customize your experience.
Create password
Create Password
Storage location
Choose Storage Location
Select where your documents will be stored. This cannot be changed later.