OTP input · Clay

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

Pressed-in soft wells with Fredoka digits; the active well gets an accent ring.

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 →