25 Mega Menus for Your Design Inspiration
Navigation is a critical element to any website. Mega menus are a current trend that take drop down menus a step further in attempt to make it easier for visitors to navigate through a large site.
In this post we’ll showcase 25 examples of mega menus in use. For more, see this post from our archives: 25 Examples of Mega Menus in Web Design.
Tutorials:
if you’re interested in learning how to create a mega menu. these two tutorials can help.
How to Make a Mega Drop Down Menu
Mega Drop Down Menus with CSS & jQuery
For more design inspiration please see:
Hi, any idea, what scripts do they use ?
I have used Sohtanaka , but need a change now. Cant use it always for all the projects. So, any idea , what those other websites use ?
Amazing share.. I gotta try so much from this list..
You saved me a lot of time.. Looks amazing Portero Luxury to me
Soam,
You could check the source code of those sites to see what you find, but I would think most of them are using a custom script.
These are great menu examples, but quite honestly they do little to inspire (personally speaking). My advice, if you really want to get inspired to design a new menu system -or anything else for that matter, try some of these great techniques:
http://zenhabits.net/2010/03/little-inspiration-guide/
Work with inspired people – one of the best ways to stay inspired is to work with creative, energetic, positive people.
Read daily – varied things, from blogs to magazines to books of all kinds.
Get outside – nature is one of the biggest inspirations, and you’ll miss it if you’re inside all day.
Talk with new people – they’ll always expose you to new and interesting things, if you’re open to it.
Break out of your routine – see things from a different perspective. Take a new route home. Go to a new restaurant. Visit someplace new in your area.
Find time for silence – it’s more inspiring than you might think. Unfortunately, not enough of us do it.
Exercise – or at least get moving. It helps the blood to circulate, and gets ideas moving around. My most inspired thoughts come during runs.
Great samples guys…I am always looking for sites to send to new clients so they can see different menu styles and find something they like. This will help!
wrong url in the introduction?
Snapey,
Oops! Thanks for pointing that out, it’s fixed now.
You should include http://www.thefwa.com in this round-up as well, they recently launched an outstanding revamp of their site that makes good use of a large menu @ the top to navigate through all of their content.
Incredibly amazing menus here! I found a really great menu the other day on Mashable, they have some great navigation and for their style of blog it fits perfectly.
These are some great examples and a good catch on a new trend.
I looked at the code on a couple of sites and they are pure CSS. Gotta figure out how they do it, they look great!
Thanks for the resources. A lot of nice designs out there.
We recently redesigned our navigation and thought I would contribute to these comments and resources:
http://www.indystar.com/colts
Feel free to let us know what you think.
IGN.com also uses mega-dropdowns to good effect.
Xcellent Inspiring collections…
Thanks for sharing this one great resources with us…
Great post thanks – I always struggle with navigation designs 🙂
Converse has a very fancy menu. I wonder what jquery plugins they use. Is there a jquery additional I can use for my own projects without stealing :)?
Regards
Rich menus are a trend now. And i think it’s a good one.
Offering visitors a detailed menu with a lot of hints can dramatically reduce search.
Thanks for collecting and sharing.
Very inspirational post. All my menus seem to look the same and I could use some fresh ideas. It’s great that you also included some tutorials to help us create them. Thanks for sharing.
very inspirational list.
thank you.
Great list of menus, I think I like Converse
Thanks for sharing
Thanks for including us (The Archer Group) in your list.
Nice tips 🙂 Thanks
I wll probably start with a Comfortable chair and a plant. Thanks for sharing.
thanks you
Great set of menus thanks so much for the inspiration
My favorite example is by Estee Lauder.
It is a great article.
Great samples guys…I am always looking for sites to send to new clients so they can see different menu styles and find something they like. This will help!
Truly inspiring menu designs
would be very useful in web designing by designers
thankyou for sharing
>Hi, any idea, what scripts do they use ?
Check http://css3menu.com/
http://www.fashionchristianlouboutinshoes.com/products
i will share it with my friends.
longbefore i see so many comments
I have bookmarked this website Thanks For sharing the menu’s.It’ very usefull
Nice stuff:)
I’ve also just created mega menu using drupal, can be view here http://www.victheme.com/demo_product/16
Any review or comments are welcome, thx.
I love to read this type of stuff. Good and attractive information I take from it..Thank you for posting such a nice article.
chanel hangbags
Welcome to our website：http://www.hatscapsland.com/,we supply cheap hats, we believe that to bring you a lot of surprises.All our products are free shipping,non-tax,7days to your home,incredible discounted price for top quality products.
I’ve enjoyed your article. Some really good new knowledge for me.
Great post.Your blog is really excellent. Finally we kissed and the passion scale went sky high and I knew I was onto a good thing
Sometimes maybe you can experience it yourself!You can comment,to write something dow.It is always good for you !
Really nice.It is best for seo work.cary on
wow
i think Your weblog is truly excellent. sooner or afterwards we kissed along using the eagerness scale went sky huge and I knew i experienced been onto a great thing