29
Jul

30 Great Examples Of Drop-Down And Sliding Menus

While building a site for a client, I had to figure out the best way to display additional navigation in a horizontal menu (and not make it look like it’s 1999 again), so I went ahead and started looking for some inspiration. I’ve found many sites that had drop-down and sliding menus and I thought you’d be interested in my findings.

Please let me know what you think in the comment section. Know of any really cool drop-down and sliding menus that I missed? Share it with the rest of us!

Carreras Con Futuro ↓

Carreras Con Futuro

Apple Reviews ↓

Apple Reviews

Archer Group ↓

Archer Group

Energy Cell ↓

Energy Cell

Artkasa ↓

Artkasa

Bnet ↓

Bnet

BuySellAds ↓

BuySellAds

Ink’d ↓

Ink'd

Daily RT ↓

Daily RT

Designers Couch ↓

Designers Couch

Design Slurp ↓

Design Slurp

Behance Network ↓

Behance Network

EctoMachine ↓

EctoMachine

Exposition Universelle Des Vins & Spiritueux ↓

Exposition Universelle Des Vins & Spiritueux

Explovent ↓

Explovent

Hungry For Change – Food Inc. Movie ↓

Hungry For Change - Food Inc. Movie

Fuel Your Creativity ↓

Fuel Your Creativity

Freelance Switch ↓

Freelance Switch

Ipix Solutions ↓

Ipix Solutions

Koodoz Design ↓

Koodoz Design

Monash Carpet Services ↓

Monash Carpet Services

Mac Appstorm ↓

Mac Appstorm

Media Temple ↓

Media Temple

Website Temple ↓

Website Temple

Nest Living ↓

Nest Living

Peachpit ↓

Peachpit

Theme Shaper ↓

Theme Shaper

Threadless ↓

Threadless

Vimeo ↓

Vimeo

Washington State Leadership Academy ↓

Washington State Leadership Academy

Your Turn To Talk

So, did I miss any real cool drop-down menus? Please share your findings with the rest of us by leaving a comment below! :)

jump to the comment form ↓

  • User Gravatar Will D. White
    July 29th, 2009

    What a great list! Bookmarked under inspiration and css. Can’t wait to dig up the technique these folks used and use them myself.

  • User Gravatar Mhaddy
    July 29th, 2009

    Nice compilation, thanks! Complementing this list with the particular script(s) or similar script(s) used in your examples would be a helpful addition.

  • User Gravatar Jens Törnell
    July 29th, 2009

    Drop down menus are really annoying. I think drop down menus always are a bad thing. I prefer tabs instead.

  • User Gravatar Adelle Charles
    July 29th, 2009

    Hi Jon! Thanks for including Fuel Your Creativity in your examples. It’s a fabulous list, one I have bookmarked for further review. Will take some time for me to visit each one :)

  • User Gravatar Abounding Media
    July 29th, 2009

    The Archer Group dropdowns are terrific. They’ve made the menus a content area instead of a simple list. Great way to make the most of a space!

  • User Gravatar Derek Tan
    July 30th, 2009

    Great list, definitely inspiring for my next web design project!

  • User Gravatar mb
    July 30th, 2009

    Nice collection, this will be a handy resource for my next project.

  • User Gravatar Emko
    July 30th, 2009

    Check out the Philips menu. They really nailed it with this one. Easy navigation for a huge site and add experience in the same panel. Impressive and inspiring. -> http://www.usa.philips.com/index.page

  • User Gravatar Gregor Spowart
    July 30th, 2009

    Brilliant. We’re working on our new agency site and one of the things I made a fuss about was the navigation and drop down menus. I’m delighted with what we’ve come up with (not yet launched) but looking at the list here, there are lots of other brilliant designs there.

    Thanks for all the inspiration you provide on this site.

  • User Gravatar Sam Wilson
    July 30th, 2009

    Drop downs are often overlooked, it’s nice to shine light on great examples.

  • User Gravatar Brian Thomas
    July 30th, 2009

    I really like this one:
    http://www.logosdirectonline.com/

  • User Gravatar Edgar Leijs
    July 30th, 2009

    Yep, this is a good inspirational list… Dropdowns are really advancing right now!

  • User Gravatar BebopDesigner
    July 30th, 2009

    Brilliant collection! Making top menus without going retro can be really tricky… These guys have done a wonderful job here. Anyways, I’ve seen some Joomla templates that can give you hand on this, plus you can always give them a bit of twist with CSS. Thanks for sharing!

  • User Gravatar Lynn
    July 30th, 2009

    I really liked the dropdown nav on Preation’s website.

    http://www.preation.com/

    It gives indicator arrow that let me know that they have dropdowns beneath them. Also loving the transparency and shadows without Javascript.

  • User Gravatar zatstyles
    July 31st, 2009

    Nice post, this will be a handy resource for my next project.

  • User Gravatar Flak
    July 31st, 2009

    mtv.com should be on this list, they were the first to put nested submenu

  • User Gravatar Luci
    July 31st, 2009

    Wow, an amazing list you’ve built up here! I love ink’d, how did they do that? Looks like a JQuery? I always have the problem that dropdowns inevitably clash with flash, has anybody else encountered this problem?

  • User Gravatar Kate
    August 3rd, 2009

    Great examples — love Vimeo’s. Adding > http://www.thebump.com

  • User Gravatar Webdesigner
    August 4th, 2009

    I think dropdowns (if they work within all browsers without the use of javascript) are a very good thing to keep the navigation slim and clean.

  • User Gravatar Tony Johnson
    August 5th, 2009

    Thanks so much for including the site I did for the Washington State Leadership Academy. I’m humbled to be in such great company!

  • User Gravatar qbiel
    December 18th, 2009

    thanks man u give me more inspiration

Who Linked To This Post?

  1. designfloat.com
  2. 30 Great Examples Of Drop-Down And Sliding Menus | Design Newz
  3. popurls.com // popular today
  4. 30 Great Examples Of Drop-Down And Sliding Menus
  5. Drop-Down And Sliding Menus - Kreativuse™ - Creative Resources and Inspirations
  6. links for 2009-07-30 « Mandarine
  7. links for 2009-07-31 « Giri’s Blogmarks
  8. CSS Brigit | 30 Great Examples Of Drop-Down And Sliding Menus
  9. Enlaces semanales que no he publicado (28)
  10. A Month In The Creative Community: A July Roundup | Fuel Your Creativity
  11. All About Drop-down menu – Daily interesting stuffs
  12. 30个超棒的下拉菜单和滑动菜单设计实例 « SonicHTML – 高品质XHTML+CSS服务
  13. This Week’s Best Online Sources for Inspiration - Webitect
  14. 30 Great Examples Of Drop-Down And Sliding Menus « for learn
  15. Link Roundup « Graphically Speaking – Design Finds

Share your thoughts, leave a comment!