# TwoStepVerification

> The TwoStepVerification component provides a sleek and secure interface for users to complete a two-factor authentication (2FA) process. Designed with modern UI principles and styled using shadcn/ui, it ensures both usability and trustworthiness. This component typically displays input fields for verification codes sent via email, SMS, or authenticator apps, along with clear visual feedback for errors or success states. It can include features like a countdown timer for code expiration, a “Resend Code” button, and subtle animations to enhance user experience.

- Author: [ruhith](https://21st.dev/@ruhith369)
- License: unknown
- npm dependencies: lucide-react, framer-motion
- Live preview: https://21st.dev/@ruhith369/components/two-step-verification

## Install

```bash
npx shadcn@latest add "https://21st.dev/r/ruhith369/two-step-verification?api_key=$API_KEY_21ST"
```

Requires a 21st API key (generate one at https://21st.dev/mcp) passed as `API_KEY_21ST`. Free accounts get a limited number of installs per day; unlimited on a paid plan — see https://21st.dev/pricing.

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