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! :)
What a great list! Bookmarked under inspiration and css. Can’t wait to dig up the technique these folks used and use them myself.
Nice compilation, thanks! Complementing this list with the particular script(s) or similar script(s) used in your examples would be a helpful addition.
Drop down menus are really annoying. I think drop down menus always are a bad thing. I prefer tabs instead.
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 :)
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!
Great list, definitely inspiring for my next web design project!
Nice collection, this will be a handy resource for my next project.
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
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.
Drop downs are often overlooked, it’s nice to shine light on great examples.
I really like this one:
http://www.logosdirectonline.com/
Yep, this is a good inspirational list… Dropdowns are really advancing right now!
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!
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.
Nice post, this will be a handy resource for my next project.
mtv.com should be on this list, they were the first to put nested submenu
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?
Great examples — love Vimeo’s. Adding > http://www.thebump.com
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.
Thanks so much for including the site I did for the Washington State Leadership Academy. I’m humbled to be in such great company!
thanks man u give me more inspiration
Very helpful menus collection. Bookmarked ;)
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…