25 Mega Menus for Your Design Inspiration
By Steven Snell | Published March 3rd, 2010 in InspirationNavigation 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 ?
[...] 25 Mega Menus for Your Design Inspiration March 3rd, 2010 [...]
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!
[...] Click here to visit the article » [...]
wrong url in the introduction?
[...] Mega menus are the way of the future. You are no longer restricted to plain navs, or restrictive and annoying multi-level dropdown navigations. Mega menus allow you to intuitively and creatively control the user experience making it easier for your visitors to find what they’re loooking for. Here’s a great article with a showcase of 25 mega menus for your inspiration on Designm.ag. Check it out: http://designm.ag/inspiration/mega-menus-showcase/ [...]
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
[...] 25 Mega Menus for Your Design Inspiration – DesignM.ag – 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. [...]
[...] Galerie de 25 mega-menus dropdown [...]
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.
[...] 25 Mega Menus for Your Design Inspiration [...]
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.
[...] 25 Mega Menus for Your Design Inspiration [...]
[...] 25 Mega Menus for Your Design Inspiration [...]
very inspirational list.
thank you.
[...] 25 Mega Menus for Your Design Inspiration [...]
[...] Fuente | Designm.ag [...]
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