OTP input · Glass

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 · Glass4 / 20

Frosted 16 px cells with a light rim and backdrop blur; focus brightens the rim and adds an accent halo.

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.

Category
Inputs
Designs
20
Motions
Pop, Slide, Wave
Released
2026-11-16
otpverificationcode2fasmspinauth

All 20 designs

tap to preview above

Related components

More inputs →