piruicy
The collection

Clerk magic links

after Clerk

A magic link decoded by a sweeping beam while an avatar is traced in cyan, then verified, then handed on to the next person.

Magic Links

Improve sign-up conversion rates and filter out spam/fraud with Magic Links.

 

Details

  • The ciphertext reshuffles every 200ms as a 3s beam sweeps the code and reveals it; the head is traced over the same 3s, the smile from 0.2s.
  • At 3s the name steps aside and a check pops in, its tick drawn 0.3s later; then the card spins out to 45° and the next person spins in.
  • 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.