Morph OTP Input
A one-time-code screen on near black: an open envelope in a mint circle, "Check your inbox", the address the code went to, and a row of six soft rounded cells with crisp hairline borders. The focused cell's border lights mint and a copy of it collapses into a glowing mint caret that breathes; typed digits rise softly into their cells and settle, each digit clipped to its own cell. A wrong code shakes the row, flushes the cells and digits red over "That code didn't match. Try again.", then the digits drop out one by one. The right code slides the six cells together into one pill carrying the digits, closes it into a mint circle, draws a check and sends out a crisp ring, a fainter second ring and a burst of short dashes, while the title turns to "You're in". Below the row a "Resend code in 0:30" countdown turns into a tappable "Resend code". A hidden text field takes the keyboard, paste and one-time-code autofill.
React Native · Expo SDK 52+, TypeScript
✦ If the result drifts from the video, tell your agent what looks different and how it should look. A short correction usually closes the gap.