October 29th, 2009 by Tom
50 Cool CSS Menus, Free Source Codes + Tutorials
Some menus have special effect with jQuery, javascript, or Mootool that make these menus have more interest such as slide menu, fading effect, cool animated and more.
You can download and use these CSS menus for free and some have tutorials for you to redesign, create, or modify the code by yourself.
1. Animated Navigation with CSS & jQuery
2. Color Fading Menu with jQuery
3. Apple Style Menu
4. Horizontal Subnav with CSS
5. Advance Vista Styled CSS Menu
6. Garage Door Style Menu
7. VISTA style toolbar with CSS
8. Sexy Drop Down Menu w/ jQuery & CSS
9. CSS Vertical Navigation with Teaser
10. CSS Tabbed Menu
11. "Mootools Homepage" Inspired Navigation Effect Using jQuery
12. JavaScript Dropdown Menu with Multi Levels
13. Cool Animated Navigation with CSS and jQuery
14. Digg-like navigation bar using CSS
15. Animated Menus Using jQuery
16. Animate Content with jQuery
17. Perfect multi-level navigation bar with jQuery
18. Animated Tabbed Content With jQuery
19. Floating HTML Menu Using jQuery and CSS
20.Smooth Animated Menu with jQuery
21. Advanced CSS Menu Trick
22. Glossy Horizontal Menu
23. Vimeo Like Top Navigation
24. Tabbed search bar
25. Animated Drop Down Menu with jQuery
26. iPod Style Menu
27. LavaLamp Menu
28. Glossy Vertical Menu
29. Corp Blue CSS Menu
30. Simple, Intelligent Accordion Effect Using Prototype and Scriptaculous
31. 13 Style CSS Menu
32. “Active” State in CSS Navigations
33. CSS Sliding Door using only 1 image
34. Image Fade Revisited
35. Coda Slider Effect
36. Clean Tab Bar Digg-like using CSS
37. Beautiful, simple, horizontal CSS menu
Demo On Page
38. jGlideMenu
39. Sexy Sliding JavaScript Side Bar Menu Using Mootools
40. Professional horizontal series [17 menus]
![Professional horizontal series [17 menus]](http://www.webstockbox.com/wp-content/uploads/2009/10/pro_horizon_css_menu.png)
Demo and download links are on page
41. Simple Vertical Menu
42. Image Menu
43. Overlapping tabbed navigation in CSS
44. Simple CSS Menu
45. Advanced CSS Menu Using the Hover and Position Properties
46. Sliding Jquery Menu
47. Dropdown with Flyout CSS Menus
48. Organic Tabs
49. CSS Sprite Menu
50. AutoSprites
Related Posts
- Creating CSS Tabbed Box
- Creating an Animated Css Navigation with jQuery (Javascript Library)
- Creating Apple Style Menu With Kwicks Effect
- Creating CSS Overlapping Tabs Menu
- Creating Rocking and Rolling Rounded Menu with jQuery
- Creating a Tabbed Box with CSS and jQuery
- Creating a Greyscale Fading Hover Image Effect
- Create Css Menu Easily With Css Tab Designer
- Generate Css Rollover Style Navigation Online
- Creating Vista Style CSS Web Navigation
January 12th, 2010 at 5:03 pm
Hey I caught your blog and you mentioned lava lamps, which kind of lit a lightbulb in my head. Man, I love lavalamps and I bet others besides me among your readers would benefit from something I’ve been working on for awhile. The is URL attached to my comment for my site, LavaLavaLamps. I’ve had a site up for awhile and we offer lava lampsf or sale. So, if anyone wants to buy a new lavalamp that’s lost or misses their old one from the 70s, please do. Enjoy!
February 10th, 2010 at 7:43 am
I tried to implement some of those menus on my projects at http://www.atestatinfo.ro . Great work !
March 1st, 2010 at 3:57 am
[...] I found that site by following the links form here:WebStockBox: 50-cool-css-menus-free-source-codes-tutorials/ [...]
June 25th, 2010 at 4:32 pm
I was looking for a clean css solutions for my navigation for a few days now, this sliding door css technique is really good. I think my site will look great with the redesign.
June 27th, 2010 at 7:10 pm
this is the longest list i have seen so far of the collection of cool menus great work…..