OTP input · High Contrast
A one-time-code input with one cell per character: auto-advance, paste a whole code, backspace navigation, error shake, success state and a resend countdown.
Design · High Contrast20 / 20
46×56 cells with a 3 px black border, 28 px digits, a 4 px focus ring and error messages that begin with the word Error.
Motion
Each digit springs into its cell from a smaller size, with the design's own spring or tween.
Accent
A one-time-code input with one cell per character: auto-advance, paste a whole code, backspace navigation, error shake, success state and a resend countdown.
otpverificationcode2fasmspinauth