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!
Tuesday, January 10th, 2012 12:01
Great Collection! Thank You so much for sharing.
Tuesday, December 13th, 2011 11:51
A good collection of links. Appreciate the effort.
Monday, October 17th, 2011 15:33
realy great collection and a realy good tutorial, tnx
Wednesday, August 17th, 2011 19:44
Wow.. Amazing, lumayan deh… bisa gua download
Monday, July 11th, 2011 20:13
well done thanxx
Wednesday, June 22nd, 2011 21:53
wow , very nice
Saturday, June 11th, 2011 12:32
thanks…for the navigations….
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.
Wednesday, March 23rd, 2011 21:04
Awesome list! I needed new inspiration and found it. Thanks.
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!
Dainis Graveris
Saturday, September 13th, 2008 07:55
@beets, Ronald this article creation took me a while and thanks for passing by
@Fox You’ve great list too – I just didn’t dare not to mention Your article :)
Hediye
Wednesday, December 31st, 2008 11:38
Good stuff, thanx!
Studio fotograficzne Metka
Saturday, March 21st, 2009 21:52
Thanks for that post – it is realy useful!
Bali fashion
Friday, March 20th, 2009 05:06
nice css list, thank you to share with us
Niek Kouwenberg
Wednesday, April 8th, 2009 11:52
Hi, just happened to come along this article, and wanted to add that I’ve recently made a pure XHTML/CSS menu with JavaScript effects called “Menu.js” (http://www.menujs.net/).
It can be either horizontal or vertical and can be altered in any way using CSS. Based on Prototype and includes support for Script.aculo.us effects.
New features which will be added soon are:
- keyboard support
- pause before opening
- unlimited nested levels
I’m using it everywhere (Duh), and all colleagues hail this script due to it’s flexibility, clean HTML code and solid/fast dropdown menu’s (across browsers).
Hüseyin
Thursday, January 15th, 2009 13:22
Great job, thanks!
Hüseyins last blog post : Python 3.0 hazır
sudeep tamrakar
Monday, February 16th, 2009 11:25
thanks for sharing.
Raj
Tuesday, April 21st, 2009 17:49
Hi, First of all Kudos for the gr8 resources! How did I miss this for so long……U Rock!!! Thanks a Million.
Dainis Graveris
Sunday, December 7th, 2008 01:12
thanks for good words! I really appreciate!
@Peter Schaefer that’s great, Your site is really looking good!
ely
Sunday, October 11th, 2009 10:22
great and very useful site, i’ll these menus on my next projects.
Darryl
Wednesday, October 14th, 2009 22:03
This post has really helped me to understand JS and CSS thanks alot.
Lenen
Monday, July 13th, 2009 16:20
Impressive gallery. Personally I especially like the (35.) 9 different CSS block menus.