piruicy
The collection

Role toggle

original

A pill that cycles roles: each word drops in through a blur and settles with a small shake, while the pill springs to its width.

npx shadcn@latest add https://piruicy.com/r/role-toggle.json

Software Engineer

Details

  • The pill springs to each word's measured width (stiffness 200, damping 27).
  • Each word drops in through a 10px blur and settles with a small sideways shake, over 1.5s.
  • The width is measured from the word itself, so any font and any role fits.
  • Roles change every five seconds.

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