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.