piruicy
The collection

Testimonials

after Clerk

Quotes that sweep in through a diagonal mask out of a blur, while the name and photo below trade places.

Clerk's integration gives Supabase developers another incredible option for handling authentication. And the Clerk team are a pleasure to work with.

Paul Copplestone

Supabase, CEO

 

Details

  • Every 7s the next quote sweeps in: a -40° band of mask slides from 0 to -2700px as the quote comes out of a 4px blur, 2% small and tilted 1°; the last sweeps on from -7300 to -8300px. Both are 1.5s springs without bounce, as Clerk's bundle has them.
  • The block's height follows the incoming quote 0.2s later, in 0.4s; the name and credit drop 8px out and rise 8px in, and the photo cross-fades out of a blur over 0.75s.
  • Set in Geist where Clerk has Suisse Intl: at weights 550 and 460 its ink matches Suisse's Medium and Regular, size-adjust gives it Suisse's cap height, and -0.018em of tracking puts the line breaks where Suisse's fall.
  • With reduced motion the quotes only cross-fade.

© 2026 Dhaval Khandhadia. Use it in anything you build; don’t resell it. MIT with the Commons Clause.