Page Transition — Free React & Next.js Transitions Component

Full-page block reveal transition that intercepts Next.js navigation, animates 20 vertical blocks with an SVG logo draw sequence.

Page Transition is a premium transitions component for React and Next.js applications. Built with Tailwind CSS, GSAP animations. Copy-paste ready. Part of the ValvetUI component library.

Installation

Install with CLI: npx shadcn add @valvetui/page-transition

Category

Transitions — Page transitions, block reveals, and view transition effects

Tags

• page-transition
• navigation
• gsap
• blocks
• logo
• animation

Dependencies

• gsap