Morphing Capsule Navbar

Premium React Navbar Component built with Framer Motion, GSAP, Tailwind CSS.

A floating capsule navbar with spring-physics layout morphing. Auto-expands after a configurable delay, collapses on scroll, re-expands at top, and opens a fullscreen clipPath overlay menu. Features GSAP stagger reveals, magnetic CTA button, active-section tracking, and three animation presets (elastic, smooth, bouncy).

Installation

npm install framer-motion gsap lucide-react

More Navbars

• Refracted Prism Navigation V3 – React Navbar Component
• Refracted Prism Navigation V2 – React Navbar Component
• Refracted Prism Navigation – React Navbar Component
• Interactive Dock Menu – React Navbar Component
• Global HUD Navigation – React Navbar Component
• Text-Reveal-1 – React Navbar Component

View all React Navbar & Navigation Components