Whether you’re selling software or sausages, your website needs a way for visitors to navigate. So in this post we’ve handpicked 21 jQuery navigation plugins that will help you to create fully functional navigation system for building modern & interactive websites. Whether you’re studying responsive design or looking for code snippets to use for your own layout, this collection is sure to please.
This is a simple jQuery plugin that helps you build dynamic, interactive side-menus in seconds.
Instant Responsive menus
Create different type of menus on the fly without changing the HTML Structure. Just replace CSS class names in the HTML markup to make a horizontal menu or any menu to function like a one page scroll menu, vertical menu, toggle menu, slide out menu, full screen navigation, tabbed menu, dots navigation and much more.
Headhesive.js creates an on-demand sticky header. Specify where you want your header to become fixed and the rest is magic.
Full Screen Navigation
Navigation plugin ready to use on mobile devices and desktop devices. It’s a non-conventional navigation component to provide a modern look to your website. Is very customizable, compatible with the major browsers and has a high level documentation.
pagePiling.js is fully functional on all modern browsers, as well as some old ones such as Internet Explorer 8, 9, Opera 12, etc. It works with browsers with CSS3 support and with the ones which don’t have it, making it ideal for old browsers compatibility.
Rain is Fully responsive off-canvas menu with powerful features. It comes with 20 navigation animations and 17 submenu transition animations, along with 28 color variations to chose from.
Ultra navigation – bootstrap sidebar menu is a responsive sidebar menu powered with bootstrap and jquery. Menu is complete for usage in any admin template or web app. This multipurpose sidebar navigation supports both vertical and horizontal modes. In addition to these, all jquery ui animations are also implemented in menu with a flexible configuration.
Web Slide 100% responsive layout design. Has the facility to include other Bootstrap components like fluid grid system classes, Bootstrap column grid system, custom widgets like videos, Google Maps, text widgets, tables, forms, media elements, carousel elements, buttons and more bootstrap elements…
Flipster is a CSS3 3D transform-based jQuery plugin built to replicate the familiar ‘cover flow’ effect, but also supports a variety of styles.
A responsive navigation menu that stacks items into a dropdown menu when they overflow.
A jQuery plugin that switches between multiple header designs as you scroll, so you always have a header that looks great with the content below it.
StickyFooterNav is a unique mega footer solution designed and coded to work and fit on any device. It is fully responsive and comes with a flexible grid system to hold your content within panels. By setting a few options, you can make the footer work on hover or on click, define effects durations, enable or disable responsiveness or a trigger button to toggle the footer bar.
Vertical Fixed Navigation
A smart vertical navigation, with round indicators that turn into labelled icons when the user interacts with them.
Flexible drawer menu using jQuery, iScroll and CSS.
FlexTabs a Clean tabs is a CSS3 and jQuery completely responsive navigation tabs are made for any occasion and easy implementation with quick customization possibilites. If you wish to spice up your corporate website, blog, ecommerce site or a message board, with Tabbed it’s easy to show any content, video, price or data tables, form or other elements.
It is a component ready to use on mobile devices and desktop devices. It’s a fluid component and easy to use. It provides various skins, options and features for data organization. Ready for the Bootstrap Framework.
Advanced Off Screen Menu
It is an HTML5/CSS3 responsive solution for using (and making) animated large off-screen menus. It uses CSS transitions that are hardware accelerated and much faster then jQuery animations.
Slide and swipe menu
This plugin uses CSS3 transform property to move the navigation. That’s why it works smoothly. Because performance matters.
A jQuery plugin to provide simple yet fully customisable pagination.
jQuery ListNav will add a slick “letter-based” navigation bar to all of your lists. Click a letter to quickly filter the list to show items that match that letter.
A rounded navigation trigger that stretches on click/tap to reveal the navigation items.