piruicy
The collection

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.