Navigation 7 is a glass pill navbar with mega menus: the pill intensifies its blur and background as you scroll, dropdowns open with a spring and stagger their items in, and everything collapses into a mobile accordion sheet. Built with Framer Motion and React. A polished default for SaaS and product sites that need multi column menus.
Installation
Install dependencies.
Copy and paste the following code into your project.
Unlock the full library
Get all pro blocks, components & illustrations, and production-ready Next.js + Tailwind templates.
Usage
import { Navbar } from "@/components/pro/blocks/navigation-7/navbar";<Navbar />