Clerk one-time passcodes
after Clerk
A phone that rises as a security alert springs down onto its lock screen and the SMS badge lights.
Email and SMS one-time passcodes
Fast and reliable one-time passcode delivery with built-in brute force prevention.
Details
- The phone rises 2rem and grows to full size over 0.5s; the lock badge turns cyan with a glow over 0.4s.
- The alert springs in after 0.2s (0.6s, bounce 0.2) from 6.5rem up, out of a 2px blur; the SMS badge scales up from 0.75 and turns cyan.
- At rest, set in Clerk's own fonts for the check, it matches the card on clerk.com pixel for pixel; hovered, its motion was compared with clerk.com's at the same instants after the pointer arrives.
- With a mouse it plays while hovered and plays through; on a phone, cards in a HoverAnimationGroup take turns playing, as clerk.com's do.
- Set in Geist and Geist Mono where clerk.com has Suisse Intl and Söhne Mono: matched in ink, cap height and line breaks.
© 2026 Dhaval Khandhadia. Use it in anything you build; don’t resell it. MIT with the Commons Clause.