Discover the best nav-bar websites created by professional designers. Get inspired and start planning your perfect nav-bar web design today!

The project was made to help a forum question > https://forum.webflow.com/t/fixed-nav-bar-that-resizes-scrolling/78420

Navbar resize

Simple mega menu using Webflow native nav bar and drop-downs, mobile ready!
Feel free to clone it, adjust and change content to your needs

Need any help ? contact me on the bottom right button :)

megamenu

Mega menu using Webflow Nav bar

Find more at The Quo Repo Project: 
https://www.figma.com/file/5myVJE4hFcq9ffQ2dqH3yV/The-Quo-UI-Repo-Project?node-id=4%3A347

–––
Created by Daniela and Nayeli at the Quo Repo Project.

eCommerce navbar

I always wanted to explore some components that aren't natively possible with Webflow or require bit more workaround. 

So, exploring this as part of #noco30d challenge by Nocoloco. Here's my Day 2 work — a fully responsive Navigation component. Suitable when default Nav Bar doesn't cut it and when secondary navigation is needed.

- Arjun (@arjunphlox on twitter)

Componento 002

Componento-002: Responsive Nav Bar (2 Level)

Veza Digital

A clean and simple nav bar with the logo in the center!

Welcome to the Universal UI project by Veza Digital!

Every day, we're releasing new elements from our work-in-progress called "The Universal UI". 

The problem that we always have with UI kits is that they're too specific (not easy to use for different types of businesses), and that while often beautiful, they have a number of custom-designed images that makes replicating the beauty of the kit a time consuming process at best.

That being said, this is going to be a completely free, comprehensive UI kit that is made to be used for any type of business, and is as easy to edit/clone elements as a UI kit should be.

Nav 02

Centered Logo Nav Bar Cloneable

Four different styles of frosty navigation bars at your disposal. Mobile optimized with a frosted slide in panel.

Frosted Nav Bar - 4 Ways

frosted-nav-bar-4-ways

I built out a highlights page for each of the Scream movies! They are complete with a CMS holding the info for the various actors and details. Each page also has a unique navigation bar and animation. Have fun navigating through them all, hopefully it sparks some creativity in your next project! 

Check out my walk through design video of this as well: https://www.youtube.com/watch?v=LQuAHMm2WEQ

5 Unique Navbar Ideas | Scream Movies

I've been asked to share the navbar I designed for our website, so here is the clonable project. Enjoy !

UNMASK - Nav bar

UNMASK Nav Bar

Hey Webflow tribe ! 😁

Here is a custom NavBar we made using Webflow Interactions

Feel free to clone it and copy/paste it to your own projects !


This component is part of our Webflow UI Kit available here :
=> http://nocodetribe-webflow-ui-kit.webflow.io

Go check it out ! It's free ! (and clonable ;D)

- - -

For more Webflow components & tutorials, visit our website :
=> www.nocodetribe.com

nocodetribe-nb1-template

NoCodeTribe - NavBar #1 [Template]

Created a nav bar with different colors representing each page. Colors will connect in some way to the top bar that scrolls across the button and does a wipe down animation when selected and blurs the text whilst changing the text color and unblurs when the top color bar expands its height. Pretty cool, it is the base for my company's new website. Thought it was nifty, did not even realize what I was doing until I finished it tbh.

Discover nav bar websites built by the Webflow community

Discover nav bar websites built by the Webflow community