OTP Web Component

[Mashiane]

OTP Input Component

A lightweight, customizable OTP (One-Time Password) input component built as a native Web Component. Perfect for implementing verification codes, PINs, and secure authentication flows.

Check this YouTube Video - https://youtu.be/zSZg6x9mS_o

✨ Features
🎯 Native Web Component - Framework agnostic, works with any library or plain HTML
⌨️ Keyboard Navigation - Full support for arrow keys, backspace, and auto-focus
📋 Paste Support - Automatically fills all fields from clipboard
✅ Input Validation - Type-specific validation with visual error feedback
🎨 Customizable - Configurable length and input types
🔒 Secure - Password type support for PIN entries
♿ Accessible - ARIA labels and proper autocomplete attributes
📱 Mobile Friendly - Optimized input modes for mobile keyboards
🎭 Animated Errors - Shake animation for invalid inputs
🔔 Event-Driven - Custom events for completion and errors

https://github.com/Mashiane/DaisyUI---OTP