# Two Factor components

> Browse 5 Two Factor components for React, styled with Tailwind CSS and ready for your Next.js project.

31 components available. Showing all of them below.

- [Enable 2FA Card](https://21st.dev/@ahmedmayara/components/enable-2fa-card.md) — by Ahmed Mayara
- [Two-Factor Authentication Block](https://21st.dev/@preetsuthar17/components/two-factor-authentication-block.md) — by Preet Suthar
- [Auth Two-Factor Setup](https://21st.dev/@preetsuthar17/components/auth-two-factor-setup.md) — by Preet Suthar
- [SMS Code Two-Factor Setup](https://21st.dev/@felipemenezes098/components/two-factor-setup-2.md) — by felipemenezes098
- [Card Spotlight](https://21st.dev/@manuarora700/components/card-spotlight.md) — by Manu Arora
- [Identity Verification Dialog](https://21st.dev/@ruixen.ui/components/identity-verification-dialog.md) — by Ruixen UI
- [Input OTP](https://21st.dev/@shadcn/components/input-otp.md) — by shadcn
- [Input OTP](https://21st.dev/@jshguo/components/interfaces-input-otp/alphanumeric.md) — by jshguo
- [Otp Input](https://21st.dev/@educlopez/components/otp-input.md) — by Edu Calvo
- [OTP Input](https://21st.dev/@minhxthanh/components/otp-input.md) — by Le Thanh
- [OTP Input](https://21st.dev/@avanishverma4/components/otp-input.md) — by Awanish Verma
- [OTP Input Component](https://21st.dev/@uniquesonu/components/otp-input-component.md) — by Sonu
- [Animated OTP](https://21st.dev/@amanshakya1808/components/animated-otp.md) — by Aman Shakya
- [Multi Step Login](https://21st.dev/@ruixen.ui/components/multi-step-login.md) — by Ruixen UI
- [Field](https://21st.dev/@shadcn/components/field-1/switch.md) — by shadcn
- [Dialog Modal](https://21st.dev/@ephraimduncan/components/dialog-modal.md) — by Ephraim Duncan
- [Pin Input](https://21st.dev/@anubra266/components/pin-input/pin-two-factor.md) — by Abraham
- [OTP Input](https://21st.dev/@ruixen.ui/components/otpinput.md) — by Ruixen UI
- [Pin Input](https://21st.dev/@anubra266/components/pin-input/pin-verification.md) — by Abraham
- [Pin Input](https://21st.dev/@anubra266/components/pin-input/pin-input-custom-placeholder.md) — by Abraham
- [Input OTP](https://21st.dev/@preetsuthar17/components/input-otp.md) — by Preet Suthar
- [8-bit Input OTP](https://21st.dev/@theorcdev/components/8bit-input-otp.md) — by OrcDev
- [The Item one](https://21st.dev/@felipemenezes098/components/the-item-one.md) — by felipemenezes098
- [HeroUI Input OTP](https://21st.dev/@hero_ui/components/heroui-input-otp.md) — by Hero Ui
- [HeroUI Input OTP](https://21st.dev/@hero_ui/components/heroui-input-otp/form-example.md) — by Hero Ui
- [HeroUI Input OTP](https://21st.dev/@hero_ui/components/heroui-input-otp/with-validation.md) — by Hero Ui
- [HeroUI Input OTP](https://21st.dev/@hero_ui/components/heroui-input-otp/in-surface.md) — by Hero Ui
- [HeroUI Input OTP](https://21st.dev/@hero_ui/components/heroui-input-otp/on-complete.md) — by Hero Ui
- [HeroUI Input OTP](https://21st.dev/@hero_ui/components/heroui-input-otp/with-pattern.md) — by Hero Ui
- [HeroUI Input OTP](https://21st.dev/@hero_ui/components/heroui-input-otp/disabled-state.md) — by Hero Ui
- [Push Approval Card](https://21st.dev/@felipemenezes098/components/verify-identity-3.md) — by felipemenezes098

Full component directory: https://21st.dev/llms.txt