piruicy
The collection

Clerk API keys

after Clerk

A laptop that opens and authenticates against a rack of servers, beams running down the line as their LEDs blink.

API Keys

Give every user secure, production-ready API keys without
building any of the underlying boilerplate code or UI.

 

Details

  • The laptop rises and its lid opens from -75° to 20° over 1s; four beams run every 2s, from 0.2, 0.75, 0.8 and 0.85s.
  • The servers' LEDs blink at random, each on its own interval, as Clerk's do; the spinner in Authenticating turns every 2s.
  • 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.