OTP input · Playful
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 · Playful15 / 20
Chunky outlined cells with a drop shadow that presses down on focus and a dot separator.
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