6 Unique & Creative Navigation Menus with Free Source

A simple navigation menu may suffice for many, but those that want to go the extra mile and be “that” site users will remember often times utilize a really unique and cool navigation menu. Below is a short collection of creative navigation menus that you really don’t see nor expect on a website. Remember, you can send us a tip if you want your navigation menu to be featured in a blog post.

1. Fixed Fade-Out Menu (CSS + jQuery)

A pretty cool fade-out menu tutorial by Mary Lou at Codrops that gives the users a option to fade the menu in/out by hovering the mouse.

2. Advanced CSS Menu Trick

This CSS navigation menu slightly blurs out all other navigational buttons that aren’t hovered, creating a pretty cool effect.

3. CSS Dock Menu (CSS + jQuery)

This is a very cool way to make a really unique website. I mean, sure, it’s a direct replicate of Mac OS, but how often do you see a Mac OS navigation bar on a website?

4. CSS Circular Menu with Circular Sub-Menus

A cool circle menu of icons that when highlighted, pop ups a new sub-menu of more icons in the middle. A really interesting and unique way to present a website’s navigation. Make sure you check the source code of the link to get the CSS.