Navigation 8 is a classic smart header: it hides as you scroll down to get out of the content's way and slides back on the first upward scroll. Dropdown indicators animate open, and mobile gets a full screen menu. Includes a next-themes powered theme toggle. Built with Framer Motion and React. A behavior visitors already expect, done smoothly.
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-8/navbar";<Navbar />Related blocks
- Navigation 1
A corner hamburger toggle that springs into a full-screen violet menu with staggered links, socials, and a contact CTA.
- Navigation 10
A rounded navbar with ridge shadows and dual-column mega-menu dropdowns featuring a blog panel, directional panel transitions, and a mobile accordion.
- Navigation 2
A floating icon toolbar that springs open to reveal a content panel above the active icon.
- Navigation 3
A full-screen nav that slides in with a liquid 50vw border-radius reveal and staggered oversized links.
