Enter / Exit

Fade + rise in with ease-out; shorter ease-in exit.

TPCTransitionsmotion: --tpc-duration-base · --tpc-ease-emphasized / --tpc-ease-exit

Install

npx shadcn@latest add @tpc/enter-exit

Reduced motion

Token: --tpc-duration-base · --tpc-ease-emphasized / --tpc-ease-exit

Enters with ease-emphasized, exits faster with ease-exit.