Total Followers 132,503
If You are web developer great navigation menus always comes handy. I united this list for people like me, who sometimes wants to do job fast and choose from already prepared examples, which are easy to use. So here are many resources starting from very simple HTML and CSS navigation menus, until very complicated and advanced jQuery, JavaScript and MooTools techniques used to get maximal control with fading, sliding, dragging etc. effects. Be sure to bookmark this site for later use!
1.Fancy menu – very cool navigation menu:
2. Excellent CSS dock menu for MAC lovers made with jQuery:
3. 37 different CSS navigation techniques:
4. Almost 5 years old menu, but looks great:
5. Nice jQuery sliding effect menu with 4 different examples:
6. Updated JQuery Nested Tab Set with Demo;
7. Vertical Flyout JavaScript Menu;
8. 13 hand-picked Vertical and horizontal CSS Menus ;
9. Different tutorials for CSS menu creation;
10. Big library of vertical CSS menus from dynamicdrive.com;
11. Nice collection of ~150 different CSS menus from CSSplay.com – regularly updated.
I really recommend You to visit this site:
12. Menu with simple show/hide effect – 2 examples with CSS and MooTools;
13. Superfish v1.4.8 – jQuery menu plugin;
14.Accessible Image-Tab Rollovers;
15. Simple CSS vertical menu Digg-like;
16. Simple Javascript Accordions;
17. Unique navigation menu using jQuery and MooTools:
18.CSSmenumaker.com – offers professional CSS menus;
19. Cool JavaScript menus from JavaScriptkit.com;
20. Create a multilevel Dropdown menu with CSS and improve it via jQuery
21. jdMenu Hierarchical Menu Plugin for jQuery – vertical multilevel dropdown list;
22. Amazing apple style navigation menu:
23. Accordion style jQuery menu:
24. Cool animated navigation with CSS and jQuery:
26. 35 different unique Jquery demos with different features
27. Jquery fastfind menu – click toogle menu, to get popup navigation menu:
28. jQuery idTabs – 8 different cool jQuery examples:
29. jQuery ContextMenu – lightweight jQuery plugin that lets You selectively override the browser’s right-click menu with a custom one of your own:
30. jQuery UI tabs – different tab effects as simple tab, start with custom tab, slide effect, fade effect and much more;
31. iconDock jQuery – one more similar navigation to MAC OS X dock effect;
32. SlidingMenu – very simple sliding menu using the effects provided by Interface (think Script.aculo.us for Prototype)
33. Tabbed navigation
These eleven menus are created using the Sliding Doors technique, these menus work also correctly in Internet Explorer.
Download all menus
34. Another CSS tabbed navigation:
35. 9 different CSS block menus:
Download all menus
36. 12 more different CSS menus.
37. ADxMenu – 4 different examples of cool navigation menus:
39. At CSSmenubuilder is huge list of different and modern look menus, take Your best pick:
40. Huge list of different menu examples:
41. CSSmenus: horizontal and vertical:
42. Great navigation and little more, one of the popular accordion versions:
Download accordion menu
CSS menu generators:
This generator allows You to create 3 different styles of menu
Get The Only Freelancer crash course you will ever need to read!
Dainis Graveris is 23 years old blogger and designer, founder of 1stWebDesigner, now more silently managing everything behind the scenes. He usually hangs out in Twitter tweeting design related links and chatting with people. If you have any questions or feedback that's the best place to start! Cheers!
Thursday, July 22nd, 2010 18:42
very good blog thanks for web..
Friday, June 11th, 2010 22:15
Thanks for all the work, really helpful!
Monday, May 31st, 2010 06:35
Really excellent collection and thanks for sharing jquery and css
Saturday, May 8th, 2010 17:50
Thanks really unique collection and more stuff,
Thanks for every thing, Bye…
Wednesday, April 21st, 2010 11:48
This year I read about Whooga’s in a fashion forum and decided to give them a try. I ordered a size too small initially and had to return them for a 6 which was a bit annoying but eventually worth the wait, I’m a 5.5 in most shoes but boots sometimes vary between 5.5 and 6. I probably should have measured my foot
Saturday, March 27th, 2010 15:39
css and java script is greater way to greatest visualization web. thank you.
Saturday, February 13th, 2010 23:01
thanks for sharing i love jquery and css
Tuesday, February 9th, 2010 16:48
thanks for sharing i love jquery and css
Friday, January 29th, 2010 00:05
Pretty cool choise.
Thanks for all the work, really helpful!
Friday, January 22nd, 2010 17:47
Massive collection that makes websites more pleasant to visitors. Thanks for this!
Sunday, January 10th, 2010 22:17
A lot of code for Accordion v2.0, javascripts files are to big to be useful. It makes unnecessary trafic for the server!
Saturday, January 9th, 2010 16:01
Hi,
Really excellent collection of links….really they are handy.
good job !!
Friday, December 11th, 2009 03:30
Hi
this is great post it’s help me alot but I have a issue working with mootols and jquery both are awesome and work well but when I use them togather some things are not working.
pls advice
thanks
irfan
Wednesday, October 14th, 2009 22:03
This post has really helped me to understand JS and CSS thanks alot.
Sunday, October 11th, 2009 10:22
great and very useful site, i’ll these menus on my next projects.
Monday, July 13th, 2009 16:20
Impressive gallery. Personally I especially like the (35.) 9 different CSS block menus.
Sunday, April 26th, 2009 21:57
thanks and nice (.
origamis last blog post : origami yapılışı pdf formatında e-kitap
Friday, April 24th, 2009 09:33
thanks a ton
Get The Only Freelancer crash course you will ever need!
If not, then it's time to learn how to:
You can trust 1stWebDesigner to help you become a better web designer!
- Jacob Cass | Just Creative
Just enter your name and email below and click Get Updates!
Rusli zainal
Sunday, July 5th, 2009 16:14
thanks, nice huge collections..
Urvi
Friday, April 24th, 2009 09:33
thanks a ton
origami
Sunday, April 26th, 2009 21:57
thanks and nice (.
origamis last blog post : origami yapılışı pdf formatında e-kitap
Randy
Sunday, November 30th, 2008 05:04
So nice to know there are great people in the world who just want to help others without some big payout. This is a great list and I will pass the link!
Thanks!
Dainis Graveris
Saturday, September 13th, 2008 07:57
@CMB be my guest, You own very nice resources – I am happy, I found Your site!
ericb
Sunday, September 14th, 2008 02:09
Great List! Thanks 1stwebdesigner!
ericbs last blog post : To my Dearest Wife – Jen
Roshan Bhattarai
Sunday, September 14th, 2008 09:25
Thanks for such a great list and including my accordion menu…….
CMB
Saturday, September 13th, 2008 07:55
Thank you for including my site in your list, much appreciated.
Fox
Saturday, September 13th, 2008 07:44
Thank you for the mention.
beets
Saturday, September 13th, 2008 04:43
holy moly! THANK YOU!! :D
NaldzGraphics
Saturday, September 13th, 2008 06:39
nice this is a huge list again.keep it up as always.
Ronald
oyunlar
Monday, September 22nd, 2008 17:35
thank you very much.
oyunlar
Monday, September 22nd, 2008 22:57
Great List! Thanks 1stwebdesigner!
Rahul
Friday, October 24th, 2008 23:06
These are really cool menu examples. I’d really love to use them in some of my works as well. Thanks for the article.
bola
Sunday, November 9th, 2008 19:26
Man you did a great job. Tremendous. Kudos.
Fotofrafia Slubna
Wednesday, October 15th, 2008 15:26
Super! This is something I was looking for in a long time! Thank you!
Santhos Webdesign
Sunday, September 28th, 2008 15:38
Holy shait! This list is just too big! This is great for inspiration!
Dainis Graveris
Tuesday, September 23rd, 2008 00:03
@ericb You’re welcome!
@Roshan You’re welcome! You did great job creating it!
Eduardo Camillo
Friday, September 26th, 2008 19:50
Amazing list! And amazing blog!
Eduardo Camillos last blog post : 6 posts about logos
irfan
Friday, December 11th, 2009 03:30
Hi
this is great post it’s help me alot but I have a issue working with mootols and jquery both are awesome and work well but when I use them togather some things are not working.
pls advice
thanks
irfan
waqas
Monday, December 14th, 2009 15:06
thanx for the post
Kahif
Saturday, June 11th, 2011 12:32
thanks…for the navigations….
Laxmidhar
Wednesday, June 22nd, 2011 21:53
wow , very nice
Marry Wilbourne
Friday, May 13th, 2011 02:43
I and my pals have been analyzing the nice helpful hints located on your web blog then immediately I had a terrible feeling I had not thanked the site owner for those strategies. All of the women had been as a result joyful to read all of them and have now in reality been taking pleasure in these things. Appreciate your actually being considerably considerate as well as for getting certain amazing things most people are really wanting to understand about. My honest regret for not expressing appreciation to you earlier.
Flemming
Wednesday, March 23rd, 2011 21:04
Awesome list! I needed new inspiration and found it. Thanks.