Side Navigation — Free React & Next.js Navigation Component

Full-screen side navigation panel with GSAP wipe animation, staggered link entrances, overlay backdrop, and escape key close.

Side Navigation is a premium navigation 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/side-navigation

Category

Navigation — Menus, navbars, and navigation components

Tags

• navigation
• menu
• sidebar
• gsap
• wipe
• animation

Dependencies

• gsap