Auth Flow Page
Auth sequence showcase composing the sign-in page and two-factor page stacked for end-to-end flow review.
Auth sequence showcase composing the sign-in page and two-factor page stacked for end-to-end flow review.
Search blocks by description or jump to a page.
The source for every Application block is included with Basic and Pro. Pick a plan to copy the code.
Already purchased? Log in
Auth Flow Page is an auth sequence showcase assembled from two sibling blocks with no shell. SignInPage renders first so reviewers see the email and password form as the credential entry point, then TwoFactorPage follows immediately below to show the 6-digit code step that fires after credentials are accepted, making the two-screen sequence visible in a single scroll without any custom wrapper.
Auth screens own the full viewport so there is no shell chrome to remove. The back-to-back layout lets designers and reviewers verify the visual continuity of the flow in one pass.
Reach for this page to preview or share the sign-in sequence end to end. Insert ForgotPasswordPage between the two to show the recovery path, or append a magic link page to demo the passwordless alternative. Wire each block to its own auth endpoint when integrating.
A natural flow around it on an Application Pro page:
Before
After
One strong use is the sign-in plus two-factor sequence for a standard credential-based login. Other auth flow configurations:
Tip: stacking auth screens without a shell lets you review visual continuity across steps; isolate a single screen by removing its sibling, not by creating a custom wrapper.