# OTP Input

> This component is a modern, highly interactive OTP input designed for a smooth and intuitive user experience. Each slot automatically focuses as the user types, and supports backspace navigation, so editing is effortless. Users can also paste the full OTP, which fills the inputs automatically. Completed slots are visually highlighted, and an optional separator can be added for better readability.

- Author: [Ruixen UI](https://21st.dev/@ruixen.ui)
- Library: [Ruixen UI](https://21st.dev/@ruixen.ui/library/ruixen-ui)
- License: unknown
- npm dependencies: lucide-react
- Live preview: https://21st.dev/@ruixen.ui/components/otpinput

## Install

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