30 Great Examples Of Drop-Down And Sliding Menus
Tweet 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 ↓
Apple Reviews ↓
Archer Group ↓
Energy Cell ↓
Artkasa ↓
Bnet ↓
BuySellAds ↓
Ink’d ↓
Daily RT ↓
Designers Couch ↓
Design Slurp ↓
Behance Network ↓
EctoMachine ↓
Exposition Universelle Des Vins & Spiritueux ↓
Explovent ↓
Hungry For Change – Food Inc. Movie ↓
Fuel Your Creativity ↓
Freelance Switch ↓
Ipix Solutions ↓
Koodoz Design ↓
Monash Carpet Services ↓
Mac Appstorm ↓
Media Temple ↓
Website Temple ↓
Nest Living ↓
Peachpit ↓
Theme Shaper ↓
Threadless ↓
Vimeo ↓
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! :)
About the author:
Jon Phillips is the founder and owner of SpyreStudios and the co-founder of MediaLoot. Jon is a designer, developer, typography lover and musician.
jump to the comment form ↓
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.
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.
July 29th, 2009
Drop down menus are really annoying. I think drop down menus always are a bad thing. I prefer tabs instead.
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 :)
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!
July 30th, 2009
Great list, definitely inspiring for my next web design project!
July 30th, 2009
Nice collection, this will be a handy resource for my next project.
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
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.
July 30th, 2009
Drop downs are often overlooked, it’s nice to shine light on great examples.
July 30th, 2009
I really like this one:
http://www.logosdirectonline.com/
July 30th, 2009
Yep, this is a good inspirational list… Dropdowns are really advancing right now!
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!
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.
July 31st, 2009
Nice post, this will be a handy resource for my next project.
July 31st, 2009
mtv.com should be on this list, they were the first to put nested submenu
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?
August 3rd, 2009
Great examples — love Vimeo’s. Adding > http://www.thebump.com
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.
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!
December 18th, 2009
thanks man u give me more inspiration
Who Linked To This Post?
Share your thoughts, leave a comment!