30+ Free Responsive CSS3 jQuery Navigation Menus
Every website need a simple and responsive menu. To save your time here is a list of free menu templates that use jQuery in minimal. Responsive layout design is also supported by many of these jQuery plugins so that the navigation menu can adopt any resolutions.
Just made few menus really quick. You can reuse them. Just need to change the color of the header. The active and hover states of the navigation links use rgba for their background colors.
A responsive navigation boilerplate with HTML, CSS, JS scripts.
The easiest way to implement user-friendly responsive navigation optimized for mobile devices using HTML5, CSS3, and jQuery.
A jQuery plugin for responsive navigation. Part of the Formstone Library
An elegant tabbed navigation menu with drop-down menus.
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.
A menu which activates only after scrolling down to certain height and it is made responsive as well.
The idea is to have some round navigation icons that release a bubble when hovering over them. We will use the jQuery Easing Plugin for an even nicer effect. Ok, so let’s get started.
jQuery plugin to fire events when user’s cursor aims at particular drop-down menu items. For making responsive mega dropdowns like Amazon’s.
slimMenu is a lightweight jQuery plugin, which is made to create responsive and multi-level navigation menus on the fly.
Responsive Mobile Menu Plugin for jQuery.
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.
Simple responsive popup menu, it’s a jQuery plugin.
HorizontalNav is a jQuery plugin that spans a horizontal navigation to fit the full width of its 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.
The best jQuery plugin for creating side menus and the easiest way for doing your menu responsive.
As the name goes, this navigation menu is made for a one-page scroll design which points to different sections of a long page.
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.
Build perfect push menus with this powerful jquery plugin as it is capable of displaying sidebar style menus with easy implementation in HTML websites.
Create a Square-like Menu Animation for Website using jQuery and CSS3.
Pushy is a responsive off-canvas navigation menu using CSS transforms & transitions.
Slinky.js is a jQuery plugin for creating beautiful scrolling navigation lists with stacking headers.
There is a menu with a slick animated feature enjoyable on hover. The idea is to drag certain items, modify and animate the background color of the item and then drag the items back with a different color.
This menu has several components, each corresponding to a different background image that will appear on all signs when we hover over a panel label. In addition, a sub-menu to slip from the bottom. This menu comes with configuration options, such as image size, the rollover states, and custom default.
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.
Pure css 3 responsive menu with dropdowns. The blocks are meant to resemble elements on the periodic table.
A responsive horizontal drop-down menu inspired by the Microsoft.com menu.