Clerk session management
after Clerk
A laptop lid that opens onto the session's device, browser and location, the values sharpening out of a blur.
Session Management
Clerk manages the full session lifecycle, including critical security functionality like active device monitoring
and session revocation.
Details
- The lid swings from -75° to 20° over 1s (ease-in-out expo) as its glare turns away; the Clerk mark fades in after 0.5s.
- The three labels slide in 0.05s apart over 0.6s; their values come out of an 8px blur from 0.2s; a meteor runs 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.