20+ HTML5 & CSS3 Menu Designs

Blog, Web interface Elements - December 10, 2013 admin 0 comments
 

1. Social Sidebar – CSS Social Bar with Icons (Navigation and Menus) 2.00

Social Sidebar - CSS Social Bar with Icons (Navigation and Menus)

The colorful Social CSS Menu Linking your Fan Page or URL you wish. Easy to use the beautiful and colorful Social Sidebar for their own website. Simply insert into the existing CSS file and enjoy the new Social Side-Bar. Created with rounded corner, box-shadow and share button.

 

View Demo More Info

2. Back to Simplicity – Clean CSS3 Menu (Navigation and Menus) 3.00

Back to Simplicity - Clean CSS3 Menu (Navigation and Menus)

Back to Simplicity – Clean CSS3 Menu, A Pure HTML5/CCS3 Simplistic Clean menu, with responsive design, Icon fonts and more.

 

View Demo More Info

3. CSS3 Awesome Menu (Navigation and Menus) 4.00

CSS3 Awesome Menu (Navigation and Menus)

CSS3 Awesome menu is a clean, elegant menu designed aiming personal and portfolio sites. This is coded using CSS3 transitions and jQuery with mobile first approach. LESS files are included in Main Download. You can customize all the colors to match your site. All Previous Versions are included in the download files with documentation.

 

View Demo More Info

4. Wonderful CSS3 Flat Menu (Navigation and Menus) 4.00

Wonderful CSS3 Flat Menu (Navigation and Menus)

 

View Demo More Info

5. Metro Admin Dashboard (Navigation and Menus) 4.00

Metro Admin Dashboard (Navigation and Menus)

A Pure HTML5/CCS3 Metro Style Admin Dashboard layout that fits well with any web design. Very minimal on the left hand side of the page, leaving a lot of open space for content.

View Demo More Info

6. Navion – Metro Navigation Menu Accordion Switcher 4.00

Navion - Metro Navigation Menu Accordion Switcher

Navion – Metro Navigation Menu Accordion Switcher CSS Navion – Metro Navigation Menu Accordion Switcher CSS is a small CSS plugin that is used to create navigation menu for modern sites with Responsive Design feature. With this plugin users can interact with it by clicking behavior. Navion CSS can be customized easily because it is only HTML and CSS code.

 

View Demo More Info

7. Aleph – Clean and Modern Navigation 3.00

Aleph - Clean and Modern Navigation

Aleph is the first letter of the Hebrew alphabet. It means that Aleph is a simple, yet powerful multipurpose menu which should be your first choice for your clean and modern looking website. Whether you need it for a business, corporate, portofolio or blog template, it will fit great into your design. It is very easy to install and it’s built with pure CSS3: no images, no JavaScript! I have also included a header template to help you integrate the menu into your Z-Layout website.

 

View Demo More Info

8. CSS Dashboard Vertical Navigation 3.00

CSS Dashboard Vertical Navigation

Vertical dropdown menu powered by purely by CSS perfect for your admin dashboard design, or more as you can replace the logo and navigation items to fit it into almost any website design.

 

View Demo More Info

9. Modern Menu 2 2.00

Modern Menu 2

Modern Menu 2 was designed and developed to be a modern, flexible, easy to use and customize menu. It is perfect for creating a quick and dynamic menu to use for your site.

 

View Demo More Info

10. Modern Menu 2.00

Modern Menu

Modern Menu was designed and developed to be a modern, flexible, easy to use and customize menu. It is perfect for creating a quick and dynamic menu to use for your site.

 

View Demo More Info

11. Clean CSS3 Menu (Navigation and Menus) 2.00

Clean CSS3 Menu (Navigation and Menus)

This Clean CSS3 Menu is a flexible and easy to integrate solution to build your custom menus. The Menu relies only on CSS3 and HTML. Everything is based on the 960 grid system. This item comes with 6 color variants. This menu design is fully Responsive

 

View Demo More Info

12. Responsive CSS3 Multi Drop Down Menu (Navigation and Menus) 4.00

Responsive CSS3 Multi Drop Down Menu (Navigation and Menus)

Designed and coded to fit into any layout, this menu is made to create unlimited drop downs in a clean and easy way. If viewed on a touch device, the drop downs will work like accordions that can be opened and closed.

The whole menu system is based exclusively on CSS3 and doesn’t use javascript at all. It can be included anywhere on your pages or used as a sticky top bar (fixed version).

You can choose between a “light” or a “dark” version according to the color scheme of your site and the package includes some additional colors.

 

View Demo More Info

13. 3D CSS Menu (Navigation and Menus) 3.00

3D CSS Menu (Navigation and Menus)

A Simple and elegant, Web 2.0 inspired 3D CSS Menu

 

View Demo More Info

14. Pure CSS3 Fish Eye Menu (Navigation and Menus) 4.00

Pure CSS3 Fish Eye Menu (Navigation and Menus)

I love Mac and I love Fish Eye Menu. The idea behind a fisheye control is a strip of icons, being vertical or horizontally laid out that reacts to the user’s mouse as it approaches the icon.

 

View Demo More Info

15. Beth – Mobile-First Responsive Menu (Navigation and Menus) 4.00

Beth - Mobile-First Responsive Menu (Navigation and Menus)

Beth is a pure CSS responsive navigation, optimized for mobile & touch devices. It follows the popular trend of “flat design”, having a simple but usable and easy to integrate design. On mobile devices, the fluid horizontal menu turns into a vertical menu which can be toggled with a click/single tap.

View Demo More Info

16. Simple Responsive Menu (Navigation and Menus) 2.00

Simple Responsive Menu (Navigation and Menus)

“Simple Responsive Menu” is a navigation component based in pure CSS. This menu uses gradient colors and CSS effects to provide a beautiful design. It is a responsive menu component and can be used in various website types.

 

View Demo More Info

17. Pure CSS3 Mega Menu (Navigation and Menus) 4.00

Pure CSS3 Mega Menu (Navigation and Menus)

Pure CSS3 Mega Menu is a clean, fully customizable, responsive solution for creation site navigations. The drop down relies only on CSS/XHTML and comes with customization wizard, unlimited colors, 50 google fonts, 3 forms (search, login and contacts), grid system and much more.

View Demo More Info

18. Onix – CSS Responsive Menu (Navigation and Menus) 3.00

Onix - CSS Responsive Menu (Navigation and Menus)

“Onix – CSS Responsive Menu” is a navigation component based in pure CSS. This menu uses gradient colors and CSS techniques to provide a beautiful design. It is a responsive menu component and can be used in various website types.

View Demo More Info

  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  

Leave a Reply

Be the First to Comment!

Notify of
avatar
wpDiscuz
 
Follow

Get the latest posts delivered to your mailbox:

We do not share information about our subscribers.