Top 20 New And Beautiful HTML5 CSS3 Menu Projects

1. Kabude - Responsive Animated Menu

featured image

Kabude – Responsive Animated Menu

Based in CSS3 buttons

Every Menu, An Animated Effect

PURE CSS3/HTML5

Negar – Responsive Animated Menu

More Details

2. Apycom jQuery Menus

Apycom jQuery Menus

Full cross-browser compatibility, Fully accessible even when javascript is turned off, as a pure css menu, Search engines optimized, Clear unordered list (LI and UL HTML tags) structure, Easy to setup and update, Fantastic animation and transition effects, Multiple pre-desinded color schemes, Completely customizable styling with CSS, Powered by jQuery,

Extremely small - 3kb uncompressed

More Details

3. Shifty Nav - a Fully Responsive JS CSS3 Mega Menu

featured image

Shifty Nav is a fully responsive CSS3 mega menu. To change the color of the entire menu requires a simple changing of a few pre-defined variables, so there’s not extensive digging through the code!

This menu supports whatever kind of content you throw at it, and includes a full tutorial on how to build the markup for your own menu if you don’t want to modify the pre-existing file.CSS3 animations

HTML5 markup

Completely customizable menu layout

More Details

4. Animated CSS3 Mega Menu

featured image

This is pure HTML5/CSS3 menu. Menu has HTML5 structure and works on all major browsers. Menu is easy to edit and integrate into any website. On mobile and tablet devices, only the first level of the classic drop-down menu is visible. Menu works (the main structure is 100% same) on Internet Explorer 9, 8, 7… and a lot of old browsers but animation and some other CSS3 features do not work.All images used in the preview are just for demonstration purposes and not included in the Menu.

More Details

5. Interactive Menu with CSS3 and HTML5

featured image

Only in CSS3 and HTML5

Only in CSS3 and HTML5. Valid HTML5 and CSS3.

More Details

6. CSS3 Accordion and Toggle Widget Kit

featured image

CSS3 Accordion and Toggle Widget Kit includes a set of easy to style and implement – Pure CSS3 flexible and responsive Accordions and Toggle Widgets. The accordion and toggle is built with CSS3 and HTML and does not use any Javascript. The Kit comes with 20+ ready to use clean pure CSS3 themes (no images) and works

Built Purely with CSS3 and HTML5 – No Javascript

32 Cool CSS3 Animations (For IE Supported in Version 10+)

22 Clean CSS3 Themes Included

- 32 New CSS3 Animations

More Details

7. Sky Mega Menu

featured image

Sky Mega Menu is a clean, responsive solution for creation beautiful site navigations.If you like Sky Mega Menu, please don’t forget to rate!

Beautiful CSS3 animationsThere are 4 animation effects based on pure CSS3: scale, slide, tilt and fade.I was having troubles with the menu due to my stupidness and Voky sat with me for almost the entire night fixing my problem.

More Details

8. Argus - Mega Menu

featured image

This is pure HTML5/CSS3 menu. Menu has HTML5 structure and works on all major browsers. Menu is easy to edit and integrate into any website. On mobile and tablet devices, only the first level of the classic drop-down menu is visible. Menu also comes in two variants (Centered and Full Width). Menu works (the main structure is 100% same) on Internet Explorer 9, 8, 7… and a lot of old browsers but animation and some other CSS3 features do not work.All images used in the preview are just for demonstration purposes and not included in the Menu.

More Details

9. BETI - Animated Tabs

featured image

Based in pure CSS3 accordion

PURE CSS3/HTML5

Pofi – Animated Tabs And jQuery gallery tutorial

More Details

10. Animated CSS3 Submenu

featured image

This is pure HTML5/CSS3 menu. Menu has HTML5 structure and works on all major browsers. Menu is easy to edit and integrate into any website. Menu works (the main structure is 100% same) on Internet Explorer 9, 8, 7… and a lot of old browsers but animation and some other CSS3 features do not work.

More Details

11. BETI - Accordion Menu

featured image

BETI – Accordion Menu

Based in tabs pure CSS3

PURE CSS3/HTML5

Added Horizontal Accordion Menu

Pofi – Animated Tabs And menu CSS vertical

More Details

12. Neptune - Horizontal Submenu

featured image

This is pure HTML5/CSS3 menu. Menu has HTML5 structure and works on all major browsers. Menu is easy to edit and integrate into any website. Menu works (the main structure is 100% same) on Internet Explorer 9 and 8, but animation and some other CSS3 features do not work.

More Details

13. Elusive CSS3 Mega Menu

featured image

Elusive CSS3 Mega Menu

A Pure HTML5/CCS3 Mega vertical accordion navigation menu that fits well with any website or webpage. There are many key features which make this menu look extremely simplistic, yet very complex.

More Details

14. Negar - Responsive Vertical And Horizontal Menu

featured image

NEGAR – Responsive Animated Menu V2.Based in CSS3 slider

Every Menu, An Animated Effect

EACH STYLE INCLUDES TWO HORIZONTAL MENU AND TWO VERTICAL MENU

PURE CSS3/HTML5

Added Tow Vertical Menu (Left And Right Position) For Each Style

Added Two Horizontal Menu (Header And Footer) For Each Style

Aram – Responsive Mega DropDown Menu V2.

More Details

15. NANO UI - CSS3 Web Elements UI Kit

featured image

A stylish Pure HTML5 and CSS3 Companion Web UI Kit built with ease of use and flexibility in mind, fully responsive and works well across all modern browsers without compromising on older browsers like IE8. Pure CSS3 No images

Smooth CSS3 Animations (On Toggle Switches, Input Focus, and Progress Bars)

Pure CSS3 Custom Checkboxes and Radios (no images, no vector icons, no javascript)

Pure CSS3 Animated Toggle switches – with HTML5 data attribute support

4 Custom CSS3 search forms

Pure CSS3 Custom form file input ( file upload widget – 5 Themes)

Pure CSS3 Form Select

Pure CSS3 Form Multi-Select

Pure CSS3 Buttons (5 Themes)

Pure CSS3 IOS Style Buttons (5 Themes)

CSS3 Button Menu Pills

Pure CSS3 Progressbars (Animated and stripped 4 Themes)

Clean CSS3 Notifications (4 Themes)

Clean CSS3 Pagination

More Details

16. Narsis CSS3 Glassy Menu

featured image

Narsis Glassy Menu is highly customizable CSS3 animation effects for image hover.These Menu is carefully designed with attention to the details.We use FontAwesome for icons so you can use more than 360 icons for your menu.All HTML5, CSS3 and JavaScript codes are fully validated and cleaned. Animations Effects make with animated buttons with CSS3 transitions and animations and css3 not work in IE

More Details

17. Metro Style CSS3 Menu

featured image

Metro Style CSS3 Menu

A Pure HTML5/CCS3 Metro Style Navigation Menu that fits well with any website or webpage. There are many key features which make this menu look extremely simplistic, yet very complex.

More Details

18. GUGUL - Image Slider

featured image

Based in vertical image slider

PURE CSS3/HTML5

Negar – Responsive Animated Menu

More Details

19. Hody - Hidden Simple Menu

featured image

Hody – Hidden Simple Menu

Minimal and creative menu design for your website. The menu has been created for sites of any subject.Multi-Functional Menu

Hidden menu

CSS include 5 color for menu (green,red,blue,yellow,purple)

Simple menu construction

Include HTML5/CSS3 and JavaScript file

More Details

20. TAKO Vertical Responsive Dropdown Menu

featured image

This it’s a menu with 3 columns of pages with a very good design and color combinations and its compatible with mobile devices! Its very efficient for people who want a simple responsive menu with modern design.- We added the Mega-Menu design with the posibility to add forms, images and video in the dropdown!

- Also we added 360+ vector icons to put them in your menu items!

Pure CSS3 and HTML

Easy to add new menu items

Mega-Menu Content:

Pure HTML5 form verification with custom hints!

- Mega-menu Content (complete forms, images, video and more!)

More Details

21. Stick it. HTML5 & CSS3 Sticky Footer

featured image

with a HTML5 CSS3 slideshow

CSS3 sticky footer is made to be easly integrated into almost any website with a flexible support for modern browsers and comes with packed elements to spice up any footer content. CSS3 and HTML5 layout

Left, right and centered menu or content

Expandable bottom menu for special content

More Details