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

Watch the tutorial at https://www.youtube.com/watch?v=EhDwlIrnol8

Stripe Nav

MakersTeam

The first dropdown opens on page load
#css
#javasript
#webflow-dropdown-component

Dropdown Accordion - first accordion in open state by default

First Dropdown Open

A simple dropdown menu with two dropdown configurations. Only built for desktop breakpoint - mobile coming soon.

Menu Dropdown

[CLONEABLE] Dropdown Menu

A free theme to use however you would like. If you would like to leave credit in some way, that would be appreciated. All imagery has been taken from www.unsplash.com and authors credited where possible.

It's not perfect, and you might need to have a closer look at some of the custom code. To edit the styles on the project page display (widescreen, 2 col, 3 col) you will need to go to the "components" page.

Smith & Co Theme

smithandco

𝗢𝘃𝗲𝗿𝘃𝗶𝗲𝘄:

Full-width dropdown navigation, which can be easily edited and customized to suit your unique project needs. All navigations are built to be 100% responsive on all devices.

-------------

Discover the world's largest collection of Webflow components.

⭐ flowbase.co/explore

Instantly copy from our huge library with a single click. Premium components that help you solve problems faster. 

Become a member today!
⭐ flowbase.co/club

Navigation / 23

Navigation Component

I build this creation the other day because I couldn't find any good responsive dropdown navbar. A small dropdown animation makes it feel smooth. I also linked it to a collection because I know that people often want collection items in their dropdown menu's. 

Feel free to use it. Any questions? leave a comment and I'll try to do my best.
Enjoy! :D

Responsive dropdown navigation menu

responsive-dropdown-navigation-menu

A basic experiment with a full-width dropdown panel that appears when hovering over navigation links.

Navbar Tester

full-width-navbar-dropdown

𝗢𝘃𝗲𝗿𝘃𝗶𝗲𝘄:

Dropdown navigation, which can be easily edited and customized to suit your unique project needs. All navigations are built to be 100% responsive on all devices.

-------------

Discover the world's largest collection of Webflow components.

⭐ flowbase.co/explore

Instantly copy from our huge library with a single click. Premium components that help you solve problems faster. 

Become a member today!
⭐ flowbase.co/club

Navigation / 22

Veza Digital

Bigger navigation with a dropdown & a top banner with contact info and social links.

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 03

Navigation With Top Bar Cloneable

Navigation dropdown that responds to where the nav link is positioned. Very rough - needs work!

Interactive NAv Dropdown

Interactive Nav Dropdown

Navigation / 21

𝗢𝘃𝗲𝗿𝘃𝗶𝗲𝘄:

Modern dropdown navigation, which can be easily edited and customized to suit your unique project needs. All navigations are built to be 100% responsive on all devices. 

-------------

Discover the world's largest collection of Webflow components.

⭐ flowbase.co/explore

Instantly copy from our huge library with a single click. Premium components that help you solve problems faster. 

Become a member today!
⭐ flowbase.co/club

Navigation / 07

Parsifal is the world’s leading relocation auditing, consulting and procurement technology firm touching moves in over 120 countries around the globe. This redesign highlights the company's market reach and showcases them as an industry leader.

Parsifal Corporation

parsifal-corporation

A simple, lightweight site designed and built for Mentell, a charity that provides support for Men in the UK.

There are very few interactions, as the focus really is on usability and accessibility.

Mentell 2020

Mentell

Simon describes himself as a transformational coach, as that is exactly what he does - help people to transform their lives from the inside out.

I worked with him to re-envision his identity, define his story and design and build a new website to carry that story.

Simon Hodges

𝗢𝘃𝗲𝗿𝘃𝗶𝗲𝘄:

Modern and simple dropdown navigation, which can be easily edited and customized to suit your unique project needs. All navigations are built to be 100% responsive on all devices. 

-------------

Discover the world's largest collection of Webflow components.

⭐ flowbase.co/explore

Instantly copy from our huge library with a single click. Premium components that help you solve problems faster. 

Become a member today!
⭐ flowbase.co/club

Discover navbar dropdown websites built by the Webflow community

Discover navbar dropdown websites built by the Webflow community