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
Libraries
Radix UI, Base UI, React Aria

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.