Effects & Transitions / Transitions

View Transitions

document.startViewTransition with reduced-motion guard.

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

Install

npx shadcn@latest add @tpc/view-transitions

Reduced motion

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

Default