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

Jonathan Morin

Jomor Design is a magical land where wondrous branding and web design happens. So let’s never stop amusing ourselves.

Jomor Design

Timothy Ricks

Watch the tutorial for this at https://www.youtube.com/watch?v=Wq5mJIHCDFo

T.RICKS Menu + Slider

Cloneable rebuild of https://www.dillinger.tv/

Variable Font Interactions

Josh Jacobs

Wanted to play around with the new interaction types in IX2, and as always got a little carried away. All the design credit goes to M S Brar's "Capture Moments" (https://dribbble.com/shots/6291284-Capture-Moments), which I tasked myself with building as reference. Really happy with how it came out.

Peep the microinteractions on the menu button and the funky scroll indicator (which changes to reflect the device type you're on 😍).

Lemme know what you think in the comments!

NEW Slider Interactions! - Dribbble Series Ft. M S Brar

Jonas Arleth

A fancy full-screen Webflow navigation menu, which is completely responsive and can also be used from a desktop breakpoint.

The custom open and close animation with an animated background gradient gives the navigation menu an additional character of its own. 

Check out the tutorial here on my channel:
https://youtu.be/XiPq7BcyOPs

Responsive full-screen Webflow navigation menu

Kevin Haag

Keeping it simple again this week, this time 100% native Webflow.

✅ Native Interactions
🚫 Custom Code

--

Follow me on Twitter: https://twitter.com/kevinhaag
Subscribe on Youtube: https://youtube.com/kevinhaagsucks

MM—012: 3D Spiral Menu

CJ Hersh

Parallax Menu

Rebuild of the https://k72.ca/en nav menu

This cloneable is for learning purposes only. I do not own the rights to this design and content.

K72 Menu

Waldo Broodryk

Custom animated hamburger menu concepts made 100% in Webflow using the navbar interaction. Please feel free to clone and use these on your own site.

Custom Hamburger Menus

100% Webflow IX2 full-screen menu. I've tried to keep the layout and interactions as straightforward as possible so it can be cloned and more easily integrated across different projects. 
  
* Works on both desktop and mobile
* Original Inspiration: www.Varagon.com

Immersive Menu

Vincent Bidaux

You'll find here all the experiments made to answer public questions on the Webflow forum

My Webflow Sandbox

Mark Gimenez

Played around with a full screen menu. Was also able to make it sort of responsive as it shifts to the right side on mobile.

Full Screen Menu Navigation

Chris Withers

playing around with a project menu driven by the cursor position, with some lottie animations for fun!

Portfolio showcase template (WIP)

Dhruv Sachdev

Rebuild of https://www.awwwards.com/annual-awards-2021 winners menu.

Menu Hover Effect

Basic fullscreen menu with inspiration from developer Rune Hoffman

'Another Menu' Pt. 1

I created a YouTube tutorial here (german): 
https://youtu.be/C1k6bm8ybBY

Navigation Mega Dropdown (+ custom animation)

Ideas for multi-layered SVG shape overlays that get generated dynamically with adjustable properties for a variety of effects.

- Easily modify the SVG colors in each page' custom code panel (header).
- Easily create a transition for your menu links (I've just defaulted to opacity).
- Demo 6 demonstrates how to prevent multiple clicks (getting menu out of sync), using a simple Webflow interaction.
- Demo 7 demonstrates how to use the effect as a page transition.

Code modified from its original form to integrate seamlessly with Webflow. 

Original Code By Yoichi Kobayashi (http://www.tplh.net/)

Shape Overlays Menu

Watch the YouTube tutorial here (german): 
https://youtu.be/VaVwYP5-nnk

Discover menuconcept websites built by the Webflow community

Discover menuconcept websites built by the Webflow community