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! :)

Comments

  1. says

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

  2. says

    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 :)

  3. says

    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.

  4. BebopDesigner says

    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!

  5. Lynn says

    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.

  6. says

    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?

  7. says

    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.

  8. says

    Excellent stuff from you, man I’ve read your things before and you are just too awesome. I adore what you have got right here. You make it entertaining and you still manage to keep it smart. This is truly a great blog thanks for sharing…

Trackbacks

  1. 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 …

  2. […] 30 Great Examples Of Drop-Down And Sliding Menus (spyrestudios). La mejor manera para mostrar la navegación es con un menú horizontal, su autor comenzó a buscar algo de inspiración. Encontró muchos sitios que utilizaban menús desplegables que podemos darle un vistazo. […]

Leave a Reply

Your email address will not be published. Required fields are marked *

* Copy This Password *

* Type Or Paste Password Here *