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

Turn Webflow's tab component into a dropdown menu on mobile devices.

Content inside each tab doesn't need to be pushed under an (often) long list of tab links. Feel free to clone.

Webflow Tabs as Dropdowns

Turn Tabs Into a Dropdown Menu on Mobile Devices.

Webflow's background video component currently works only on desktop devices due to mobile restrictions on auto-playing video. These restrictions have been recently lifted. Inserting the snippet of code below will make background video work as intended on iOS and Android.

Works on iOS 10 and above  |  Android Lollipop (5.0) and above

Mobile Background Video

Make Background Video Work on iOS and Android

A clean and clear dropdown nav menu system.

029 - Mega Nav

029 Dropdown Nav Menu

Disable background scrolling when mobile menu is active (opened)

No Scroll

Disable scrolling

While experimenting with 3D perspective, I found an unique way to expand the hamburger menu.

This is a simple but effective way to break out of the monotony of the dropdown menu on mobile. Feel free like and comment and to clone and tweak this project as you wish.

3D Menu

3D Menu Animation

KajalValand

Here is a free cloneable for interior designer. It has a scroll effect, a cool full screen menu and is mobile ready.

studiov

Welcome to daily interaction #90.

Ending the week off with a nice and simple menu item animation on hover. With this animation blocks with a border appear when the user hovers. I can see this making a nice interaction for businesses to represent buildings. You could even change the height of each block to make certain blocks taller than others! That could be interesting. The animation was created by setting an overflow of hidden to the main menu wrapper and than having individual blocks move up and down. For the desktop version only a border was added to the left, top, and right of the block. For the mobile version of the menu the block comes in from the left to the right so a border was applied to the top, right, and bottom of the block.

The desktop and mobile menu have their own menu and interactions.

This demo was inspired by the menus in this Codrops demo: https://tympanus.net/Development/LineMenuStyles/

WebDev for You - Daily Interaction #90

WebDev For You - Daily Interaction #90

A simple and easy to implement custom mobile dropdown menu to use in your projects.

Mobile Dropdown Menu

Responsive navbar with an animated hamburger menu that animates on click. Works with the newer iPhone OS updates!

Animated Hamburger Menu

Custom navbar component with mobile humberger menu interaction.

Clone it to use on your project.

Custom navbar component

Client project.
Collaborative project with A7 Creative Studio. Custom carousel, Javascript controlled tab menu for mobile breakpoint. CMS menu and eCommerce setup

Spot Dessert Bar-ijbd

spot-dessert-bar-ijbd

Hey Colombia is an online information resource and community for expats and foreign visitors living and working in Colombia, South America.

Discover menu mobile websites built by the Webflow community

Discover menu mobile websites built by the Webflow community