Effects & Transitions / Transitions

Stagger

List items 40ms apart, capped at 400ms.

TPCTransitionsmotion: --tpc-duration-slow · --tpc-ease-emphasized

Install

npx shadcn@latest add @tpc/stagger

Reduced motion

Token: --tpc-duration-slow · --tpc-ease-emphasized

Default