Growing Navigation

Growing Navigation is a fluid animated navigation component for Framer. Clicking the hamburger button gracefully expands the menu horizontally across desktop and full-screen on mobile.

✨ Key Features:

• Organic Expanding Animation — Circular or pill expand motion powered by Framer Motion.

• Staggered Link Reveals — Navigation links glide in smoothly with combined opacity, blur, and slide transitions.

• Background Blur Backdrop — Focuses user attention with customizable backdrop filter and dark overlay.

• Mobile & Responsive Ready — Flawlessly adapts to any screen size with dedicated mobile layout rules.

⚙️ Complete Property Controls:

• Up to 8 customizable navigation links & external URLs

• Social links, brand tagline, and CTA button integration

• Expansion origin (top-right, top-left, center)

• Colors, typography, padding, and blur strength

💡 Designed for modern portfolio websites, digital studios, creative agencies, and luxury brand showcases.