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

Sliding Tab Navigation With Custom Content Animations
WITH BACKGROUND & UNDERLINE
Info: If you need to add more tabs for your job, you also need to add another interaction for each tab accordingly, so that the background moves there.

Different Tab Navigation Animations

Various tab navigation and tab content animations

I liked Bertani's horizontal scrolling website so much that I rebuilt it in Webflow.

Almost no custom code was used. I used just a little for insignificant stuff such as hiding the scrolling bars, adding the difference blend mode to the cursor, creating the countdown year effect in the preloader, and adding an outline to the text in the menu.

Clone it and have a look through it.

--

Want to learn how it was created? Subscribe to my YouTube channel (tutorials for this website coming soon) 👉 youtube.com/channel/UCgwvah4M6Anta4_5ACFiuRQ

__

• Do you need web design & development? Get in touch 👉 bjorn-encutescu.webflow.io/

• Follow my daily tips on Instagram 👉instagram.com/bjorn_encutescu/

Bertani Webflow Rebuild

Bertani Webflow Rebuild - Horizontal Scrolling Website

To announce the new blending mode and backdrop filter features, Webflow reached out asking me to design and develop three eye-catching builds in two days. I quickly asked two of my friends, Shelby & Corey, for help creating the designs. This is the one concept that was not chosen.

Project Team
Corey, https://dribbble.com/coreyschneiderdesign
Shelby, https://dribbble.com/shelbybuquet
Timothy, https://dribbble.com/tricks

Future Pharmaceutical

I rebuilt the HuffPost in Webflow. It's CMS driven and cloneable. 

Includes home page, article template, author archive, mega menu and custom interactions. 

All 4 breakpoints have been addressed. 

Enjoy...

StuffPost

stuffpost

Oleksander's Workspace


Portfolio website for a Belarusian architect, interior & industrial designer, Sasha Hamolin.


Website by

Design — Yana Lue (yalu.dsgn@gmail.com) 
Art-Direction — Kate Distry (sinyazh@gmail.com) 
Development — Ivan Malysh (artycoders@gmail.com)

Sasha Hamolin portfolio

Sasha Hamolin — Portfolio Website

Sidebar Navigation Menu reveals animation using CSS Transform. Click on the MENU link to reveal the sidebar menu. Inspired by Garoa Skincare.

Click on Say hello 👋  for work or any other related queries. Follow for more.

Sidebar Menu Animation

Sidebar Menu Animation using CSS

Kabarza Agency

This is the downfall of a regime of terror.

You probably have heard about the ongoing Iranian protests with the "Women Life Freedom" slogan.

So I decided to create a website to tell the story and echo the voice of the brave young Iranians who are protesting the violent Islamic regime.

You can visit the site, and please consider sharing it, so you can echo our voice.

Jhn Jhian Azadi

Women Life Freedom

Please consider checking out the main project 🖤
https://webflow.com/made-in-webflow/website/womenlifefreedom

Kinda Liquid Menu

Byron Robertson is a communication designer based in Melbourne focusing primarily on digital experiences. He has been working with  the creative industry for the last 5 years – engaging with diverse corporations with a multitude of needs. While he has worked independently he has also collaborated with a number of highly regarded design agencies in Australia.

Bien

I rebuilt the MoMA Navigation and parts of its homepage. Check and clone (desktop only).

moma-menu

Clone: MoMA Nav Rebulid

pp-fragment-menu

PP FRAGMENT MENU

Enhancing Your Website Navigation with Style and Functionality.

Expandable menu animation can also be used to make your website more visually appealing. By using animation, you can create a more engaging and interactive user experience, which can help to keep users on your website for longer periods of time.

In conclusion, expandable menu animation in Webflow by Figmatic is a powerful design technique that can make your website's navigation more intuitive and user-friendly, while also enhancing its visual appeal. If you're looking to add some style and functionality to your website's navigation, consider working with Figmatic to develop websites and Webflow support and maintenance.

Expandable Menu

Here is the finished landing page from my course on Skillshare. Feel free to use however you like or download the assets if you're taking the course!

Feel free to sign up to my course via this link! https://www.skillshare.com/r/user/samharrison

Sam Harrison Skillshare Course: Prestige Cars

Skillshare Course: Sam Harrison

Here is my take at building something similar to gusta.studio 's header and navigation (which are 👌). I used a Webflow slider instead of the background video. They are by no means the same, but they give you an idea.

✔ Webflow Slider
✔ Animations using Webflow
✔ Client First v1
✔ Custom CSS (to create the logo’s dropshadow)

Photos: Pexels

Sign up for the lesson: http://www.webflowtips.com/b/how-to-animate-a-slideshow-and-menu

If you have any questions feel free to comment.

P.S Like or follow if this was useful for you 🙂 🙌

gusto

Menu + Slideshow (gusta.studio)

ED. Studio

Emi Styles is a Canberra based session stylist specialising in bridal hair.

Emi Styles

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

This page was created in WordPress and was causing problems for clients when accessing their services. 
It is now a pixel-perfect replica of the original made in Webflow. Thanks to the code export capability that Webflow offers, no the site life away from WordPress doing its job smoothly.

Discover custommenu websites built by the Webflow community

Discover custommenu websites built by the Webflow community