piruicy
The collection

Clerk social sign-on

after Clerk

A cloud button lit by trails running in from two columns of provider logos, each column stepping on as its trail arrives.

Social Sign-On

Add high-conversion Social Sign-on (SSO) to your application in minutes. 20+ options and growing.

 

Details

  • Three trails run on Clerk's meteor: the left fork after 0.7s and the right after 2.1s, both every 2.8s, the stem every 1.4s.
  • Each time a side trail starts, its column of logos moves one place along its track, over 1.2s on [0.7, 0, 0.3, 1].
  • 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.