# Multi Step Login

> The Multi-Step Login component is a clean, user-friendly authentication flow built entirely with shadcn UI. By splitting login into three distinct steps—email entry, password or OTP input, and 2FA verification—it reduces cognitive load and guides users through the process smoothly. A visual step indicator at the top clearly communicates progress, while the use of familiar shadcn UI components (Button, Input, Label) ensures consistency and accessibility. Fully responsive and theme-aware, this component provides a modern, polished experience that improves usability and enhances user confidence during login.

- Author: [Ruixen UI](https://21st.dev/@ruixen.ui)
- Library: [Ruixen UI](https://21st.dev/@ruixen.ui/library/ruixen-ui)
- License: unknown
- Live preview: https://21st.dev/@ruixen.ui/components/multi-step-login

## Install

```bash
npx shadcn@latest add "https://21st.dev/r/ruixen.ui/multi-step-login?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