Sign in with phone, code

Signing in with no password: the number turns into the code, and other methods wait one tap away.

Get Pro to installPro9 blocksReact, Vue and Figma

More in Sign in#

Signing in where the account is a phone number, with a way out for every way it can go wrong

Signing in with no password: the number turns into the code, and other methods wait one tap away

Offering the methods as equals on one card, where each has its own short form

Opening an account on a phone number, where the number is confirmed before the account exists

A sign-up that asks one thing at a time and says how far along it is

A sign-up that stays short: each answer folds into a row the person can still edit

The code step after a sign-in, with a way forward when the text never comes

Showing what a one-time-code autofill does on a phone, so the code step feels finished before the person types

A code step where every other way of getting the code is already on the card

The account is a phone number, so a dial code and the digits have to be entered and validated as one value.
A code has to be confirmed after the password step, with a resend that cannot be hammered.
Sign-up and sign-in share a brand, a layout and the same set of third-party providers.
Password rules exist and the person should see which ones they have already met while typing.

The whole set, with its codePro

Pro opens the Code tab on every block here, in React and Vue, plus the Figma file and the MCP server for your editor.