Two Factor 1 - Centered two factor code

Pro

Full-screen second-step card with a six-digit authenticator input and a continue button.
Shadcn Two Factor 1 block

Component Data

  • ID:two-factor1
  • Access:pro
  • Created:Aug 20, 2026
  • Type:block

Two Factor 1 block design & features

TwoFactor1 is a full-screen second-step card built with shadcn/ui. A wordmark sits above a bordered card with a heading, a six-digit code input, and a continue button. A send-new-code link sits under the card.

The viewport is muted. The card is a light panel with a hairline border. Code slots are grouped in two sets of three.

This is the default boxed 2FA step. Complexity is moderate because of the code input.