Effects & Transitions / Transitions

Scroll Reveal

Reveal once when scrolled into view.

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

Install

npx shadcn@latest add @tpc/scroll-reveal

Reduced motion

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

Default

Scroll down

Revealed once in view