Grid Navbar
Responsive navbar with an outer grid frame, hover submenus, uppercase slot-motion links, and a CSS-only mobile menu.
Add to your project
Checking access...
Works with your AI tools
Claude*
Codex*
Lovable
Base44
Figma Make
Replit*
Cursor*
v0* Compatible with most projects that use the default React/Next.js framework.
Built With
React
Tailwind CSSLucide IconsProps
| Prop | Type | Description |
|---|---|---|
brand | string | Brand name used as the wordmark image alt text. |
brandHref | string | Wordmark destination. |
logoSrc | string | Wordmark image source. |
links | NavLink[] | Primary navigation labels, destinations, and optional submenu items with descriptions. |
ctaLabel | string | Primary action label. |
ctaHref | string | Primary action destination. |
className | string | Styles for the outer header. |