Component added to clipboard

Paste (CTRL + V) this component in your Webflow project

Navbar #17

Navbar component with left-aligned logo and centered menu links. Includes four 2-column and 3-column mega menus in a bento-style layout, featuring links with icon and description, and link cards with background images. On mobile, the navbar transitions into a full-height menu with grouped links. This is a premium, light mode component, inspired by the Outerbase 2025 website navbar.

Copy in Webflow

Live preview

Component details

Component tags

Clone our Style Guide for consistency

First, clone our Style Guide into your Webflow project to ensure a polished, professional appearance from the start.

Clone Style Guide

Prevent Class Duplication in your project

Start by installing our Chrome Extension to eliminate duplicate classes and maintain a clean, organized workflow in your Webflow projects.

Install Chrome Extension

Component Disclaimer

Copying components is not supported in Safari. Please use a compatible browser. We recommend Chrome for the best experience on the platform.

Get Started - It's free

Download Chrome

Chat with us

Or connect with us on…

Us or our team is always available because we think that human and discussion is the best way to understand your need and come up with the best plan.

Get Started - It's free

Learn more about us

Need help?

If you need help setting up this component on your Webflow project, write us a message, clicking on the link below. You can also share your feedbacks to improve our libraries.