Wonderful collection of free CSS Navigation snippets

Website navigation is very important as every designer knows. Crucial is not only how the navigation is organised but also its design. To be successful every website needs nice and neat navigation and Designify selected some good looking CSS navs to help you select the one that fits your website best.

 

Dark Navigation

A dark navigation menu bar complete with hover and active states.

dark-navigation

DEMO | DOWNLOAD

 

Tabbed Navigation

An elegant tabbed navigation menu with dropdown menus.

tabbed-navigation

DEMO | DOWNLOAD

 

Inset Side Navigation

A light, inset side navigation menu with button links.

inset-side-navigation

DEMO | DOWNLOAD

 

Menu with Notification Badges

A navigation menu with multi-colored notification badges.

menu-with-notification

DEMO | DOWNLOAD

 

Top Bar

A semi-transparent “sticky” top bar with icons, counters, and nice hover/active effects.

top-bar

DEMO | DOWNLOAD

 

Minimalistic Navigation Menus

minimalistic-navigation-menus

DEMO | SOURCE CODE

 

Top menu slider

top-menu-slider

DEMO | SOURCE CODE

 

Fancy Tabbed Navigation with CSS3 and jQuery

A minimal yet stylish Tabs for your next project!

fancy-tabbed-navigation-with-css3-and-jquery

DEMO | SOURCE CODE

 

Apple Navigation Menu in Pure CSS

Apple Navigation Menu in Pure CSS made byVincent Klaiber. The first menu is the old one, while the second one is the new menu that you can find on Apple’s Website. There’s nothing too complex in this item, linear-gradientbox-shadowtext-shadow and a nice touch ofborder-radius completes it!

Related post:  jQuery Immersive Slider - Create an immersive slider experience

apple-navigation-menu-in-pure-css

DEMO | SOURCE CODE

Divi WordPress Theme

You may also like...

Leave a Reply

Your email address will not be published. Required fields are marked *

By continuing to use the site, you agree to the use of cookies. more information

The cookie settings on this website are set to "allow cookies" to give you the best browsing experience possible. If you continue to use this website without changing your cookie settings or you click "Accept" below then you are consenting to this.

Close