It’s vital that you follow usability rules with common design practices and layout your site, especially the navigation, in a style that the user can either learn easily or already understands. Navigation is one of the most important elements in Web Design.
In this post we are showcasing 30 excellent jQuery Plugins for Navigation and Menus. Enjoy!!
Slidebars is a jQuery plugin for quickly and easily implementing app style off-canvas menus and sidebars into your website.
Pushy is a responsive off-canvas navigation menu using CSS transforms & transitions. This project was inspired by the off-canvas navigation menu seen on Medium.
jQuery Square Menu
Create a Square-like Menu Animation for Website using jQuery and CSS3.
Mashable Style Ajax Drop Down Menu
Mashable style dynamic drop down menu using Php, Mysql & jQuery Ajax. In mashable, you can able to see all posts from the category from their header 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.
Navgoco is a simple JQuery plugin which turns a nested unordered list of links into a beautiful vertical multi-level slide navigation, with ability to preserve expanded submenus between sessions by using cookies and optionally act as an accordion menu.
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.
A presentation library with intuitive, scroll-based navigation.
FlexNav jQuery Plugin
A jQuery plugin for responsive navigation menus.
jlNav is a jQuery plugin which creates a nice little CSS-driven navigation menu from nested unordered lists.
jQuery and CSS3 Awesome Slide Down Box Menu
The idea is to make a box with the menu item slide out, while a thumbnail pops up. We will also include a submenu box with further links for some of the menu items. The submenu will slide to the left or to the right depending on which menu item we are hovering.
Image Menu with Jquery
jQuery ListMenu Plugin
This jQuery plugin, developed in the iHwy Labs, allows you to easily convert a long, hard to navigate list into a compact, easily skimmable ‘first-letter’ based menuing system, allowing quick and ‘out-of the-way’ access to hundreds of items.
Create Vimeo-like top navigation
I really like the top navigation implemented on Vimeo.com. First time I saw it I wanted to recreate it. And this is exactly what I am going to do in this tutorial.
Responsive navigation plugin without library dependencies and with fast touch screen support. Try it out by resizing this window.