OTP Input

A polished one-time password input with auto-focus, paste support, and smooth transitions. Built with native inputs and Tailwind.

Paste your code anywhere — it auto-fills across all fields.

Typing a digit moves focus to the next slot. Backspace on an empty slot jumps to the previous one.

Pasting a 6-digit string distributes characters across all inputs instantly — no manual entry needed.

Uses inputMode="numeric" and autoComplete="one-time-code" for native SMS OTP detection on iOS and Android.

Violet glow on focus with a subtle box-shadow. No jarring outline — just a smooth branded indicator.

States

Default

Focused

Filled

Error