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.

Converse

Converse

Nine Fashion

Nine Fashion

Callaway

Callaway

Toys R Us

Toys R Us

Estee Lauder

Estee Lauder

Columbia Sportswear

Columbia Sportswear

Portero Luxury

Portero Luxury

The White House

The White House

Pure Grips

Pure Grips

Staples

Staples

American Eagle Outfitters

American Eagle Outfitters

DC Shoes

DC Shoes

Duchy of Cornwall Nursery

Duchy of Cornwall Nursery

Lowe’s

Lowe's

Seattle Sounders

Seattle Sounders

TheOutNet.com

TheOutNet.com

Puma

Puma

Zumiez

Zumiez

Sunglass Hut

Sunglass Hut

Sears

Sears

Bonfire Snowboarding

Bonfire Snowboarding

Lipsy

Lipsy

Republic

Republic

Matalan

Matalan

The Archer Group

The Archer Group

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

How to Make a Mega Drop Down Menu

Mega Drop Down Menus with CSS & jQuery

Mega Drop Down Menus with CSS & jQuery

For more design inspiration please see:

Steven Snell

Stephen Snell is the owner and editor of Vandelay Design. Connect with Stephen on google+

  • 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.

  • JC

    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.

  • TIM

    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.

  • kyle

    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!

  • ik

    Truly inspiring menu designs
    would be very useful in web designing by designers
    thankyou for sharing

  • Sergio J

    >Hi, any idea, what scripts do they use ?
    Check http://css3menu.com/

  • 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