Modern websites need simple and responsive navigation menus that have a valid css3HTML5 code.

To speed up your menu design we have handpicked quality free css templates that use jQuery in minimal.

Vertical Layout with Navigation

Get this jquery code to build brilliant and unique mobile ready menus, desktop menus for your website. The navigation stays on the left corner of the website which navigates to different pages of your website in a fluid animated style.

DemoDownloadVertical Layout with Navigation

Stretchy Navigation

This navigation menu plugin from codyhouse serves multiple concept purpose for a website. One of them is to provide you with a default dropdown navigation menu which reveals itself on a click/tap. Second one is the option to add a horizontal navigation most suited to music or video website where user will need to upload a file to the website. The final one is a sharing drop down which can be used on any drag and drop builder pages to control the page element.

DemoDownloadStretchy Navigation menu

Slidebars

Build perfect push menus with this powerful jquery plugin as it is capable of displaying sidebar style menus with easy implementation in html websites.

Demo | Sourceslidebars

Pushy

Pushy is a responsive off-canvas navigation menu using CSS transforms & transitions.

Demo | Sourcepushy

Slinky.js

Slinky.js is a jQuery plugin for creating beautiful scrolling navigation lists with stacking headers.

Demo | Sourcescroll js

jQuery pop menu

Simple responsive popup menu, it’s a jQuery plugin.

Demo | Sourcepopup menu

jQuery Square Menu

Create a Square-like Menu Animation for Website using jQuery and CSS3.

Demo | Sourcesquare menu

Mashable Style Dynamic DropDown

Demo | Sourcemashable style menu

Perspective page view navigation

Some effects for a perspective page view navigation where the page itself gets pushed away in 3D to reveal a menu or other items. This navigation idea is seen in mobile app design and we wanted to explore some more effects.

Demo | Sourceperspective menu

Naver

A jQuery plugin for responsive navigation. Part of the Formstone Library.

Demo | Sourcenaver

SlickNav

Responsive Mobile Menu Plugin for jQuery.

Demo | Sourceslicknav

SlimMenu

slimMenu is a lightweight jQuery plugin, which is made to create responsive and multi-level navigation menus on the fly.

Demo | Sourceslimmenu

Horizontal Nav

HorizontalNav is a jQuery plugin that spans a horizontal navigation to fit the full width of it’s container. If you’ve ever had to create this effect on a project, you’ll know it’s pretty annoying to do. But this plugin makes it easy and adds support for IE7.

Demo | Sourcehorizontal nav

Mmenu

A jQuery plugin for creating slick, app look-alike sliding menus for you mobile website with only one line of javascript.

Source

mmenuSidr

The best jQuery plugin for creating side menus and the easiest way for doing your menu responsive.

Sourcesidr

Menu Aim

jQuery plugin to fire events when user’s cursor aims at particular dropdown menu items. For making responsive mega dropdowns like Amazon’s.

Demo | Sourcemenu aim
Amazingly free and best HTML, CSS with integrated jQuery code for navigation menu plugins which you are looking for is all here included in this topic. Grab and build a beautiful navigation menu template for your website and impress your visitors. There are lots of variants to choose from and with a little touch of css coding you can take these plugins to a new level of authentic looks.

Section Navigation Menu

As the name goes, this navigation menu is made for a one page scroll design which points to different sections of a long page.

Demo | Downloadflat navigation menu

Navigation with Hover Effects

A set of multiple navigation menus showcasing the power of css with fills, shades and stripes.

Demo | Downloadfree navigation shift menu

Cool Navigation

A menu which activates only after scrolling down to certain height and it is made responsive as well.

Demo | Downloadfull width nav menu

ClearNav, a responsive navigation

A responsive navigation boilerplate with HTML, CSS, JS scripts.

Downloadclear nav

Side navigation menu

These is a “Side Navigation Menu” with CSS3 transition technology & without JS.

DownloadSide html css navigation menu

Social navigation

Social links in an expandable circular navigation.

Downloadsocial navigation

Menu with Notification Badges

A navigation menu with multi-colored notification badges.

Downloadbadge navigation menu

Tabbed Navigation Menu

An elegant tabbed navigation menu with dropdown menus.

Downloadtabbed navigation menu

Pale Navigation and Social Bar

A pixel-perfect design for a navigation bar / social navigation element. It’s designed to expand horizontally, showing either a set of navigation links, or social links.

DownloadPale Navigation and Social Bar

CSS Accordion Menu

A delightfully designed accordion navigation interface, fully coded in HTML & CSS with PSD file. Easily expand/contract top-level elements, with different states for hover and click events.

Downloadaccordion menu

CSS3 Minimalistic Navigation Menu

As you have probably heard by now, CSS3 animations are a powerful tool, which enables you to create animations which run without the need of applying additional scripting to the page. What is even better, in the next generation of browsers we will have even more powerful tools, including 3D transformations.

DownloadCSS3 Minimalistic Navigation Menu

Colorful CSS3 Animated Navigation Menu

In this short tutorial, we will be creating a colorful dropdown menu using only CSS3 and the Font Awesome icon font. An icon font is, as the name implies, a font which maps characters to icons instead of letters. This means that you get pretty vector icons in every browser which supports HTML5 custom fonts.

Downloadcss3 animated menu

Retro Navigation Menu with CSS3

A vintage-looking navigation menu using pure CSS3 for free download.

DownloadRetro CSS3 Navigation

Navigataur.css

A pure CSS responsive navigation menu.

Downloadnavigator css menu responsive

Responsive Mobile Menu

The easiest way to implement user-friendly responsive navigation optimized for mobile devices using HTML5, CSS3 and jQuery.

Downloadresponsive mobile menu

CSS3 Responsive Navigation Menu

Pure css 3 responsive menu with dropdowns. The blocks are meant to resemble elements on the periodic table.

DownloadCSS3 Responsive Navigation Menu

Ultra Flat Navigation Menu Interface CSS

A responsive horizontal drop-down menu inspired by the Microsoft.com menu.

Downloadresponsive horizontal drop-down menu

Perspective Page View Navigation

Some effects for a perspective page view navigation where the page itself gets pushed away in 3D to reveal a menu or other items. This navigation idea is seen in mobile app design and we wanted to explore some more effects.

Downloadperspective page view navigation

Bubble navigation Menu with jQuery + Tutorial

he idea is to have some round navigation icons that release a bubble when hovering over them. We will use the jQuery Easing Plugin for a even nicer effect. Ok, so let’s get started.

Downloadbubbly navigation with jQuery

Advertisements