Dev Design Library

Input OTP

One-time code slots that take typing, paste and SMS autofill, with an opt-in animation that cascades codes in and a status for verifying.

Input OTP preview
Library
HextaUI
Framework
React
Type
ui
License
MIT
Dependencies
@base-ui/react@^1.8.0, @tabler/icons-react, class-variance-authority, cn
Install
npx shadcn@latest add https://hextaui.com/r/input-otp.json
Files
  • components/ui/input-otp.tsx
  • lib/motion.ts
Source
https://github.com/preetsuthar17/hextaui

Categories

More from HextaUI