SVG View Transition — Free React & Next.js Transitions Component

SVG path-based overlay page transition drawing a step-by-step graphic, using next-view-transitions

SVG View 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/svg-view-transition

Category

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

Tags

• transition
• svg
• page
• routing
• gsap
• animation

Dependencies

• gsap
• next-view-transitions