# OTP Dialog

> This component is an OTP (One-Time Password) verification dialog designed for secure and user-friendly authentication. It allows users to enter a 4-digit OTP sent to their email or phone, shows a live countdown timer indicating when the OTP can be resent, and provides clear feedback messages for success or errors. The layout is compact, responsive, and visually appealing, featuring centered inputs, rounded borders, and distinct buttons for verifying or resending the OTP, making the verification process intuitive and seamless.

- 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/otpdialog

## Install

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