21 jQuery Navigation Plugins For Creating Modern Website

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.

Tendina

This is a simple jQuery plugin that helps you build dynamic, interactive side-menus in seconds.

Tendina


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.

Instant Responsive menus


Headhesive.js

Headhesive.js creates an on-demand sticky header. Specify where you want your header to become fixed and the rest is magic.

Headhesive.js


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.

Full Screen Navigation


pagePiling

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.

pagePiling


Rain

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.

Responsive Off-Canvas Menu


Ultra Navigation

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.

Ultra Navigation


Web Slide

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…

Web Slide


jQuery Flipster

Flipster is a CSS3 3D transform-based jQuery plugin built to replicate the familiar ‘cover flow’ effect, but also supports a variety of styles.

jQuery Flipster


Greedy Navigation

A responsive navigation menu that stacks items into a dropdown menu when they overflow.

Greedy Navigation


Midnight.js

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.

Midnight.js


StickyFooterNav

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.

StickyFooterNav


Vertical Fixed Navigation

A smart vertical navigation, with round indicators that turn into labelled icons when the user interacts with them.

Vertical Fixed Navigation


Drawer

Flexible drawer menu using jQuery, iScroll and CSS.

Drawer


FlexTabs

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.

FlexTabs


Responsive Accordion

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.

Responsive Accordion


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.

Advanced Off Screen Menu


Slide and swipe menu

This plugin uses CSS3 transform property to move the navigation. That’s why it works smoothly. Because performance matters.

Slide and swipe menu


Pagination

A jQuery plugin to provide simple yet fully customisable pagination.

Pagination


jQuery ListNav

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.

jQuery ListNav


Stretchy Navigation

A rounded navigation trigger that stretches on click/tap to reveal the navigation items.

Stretchy Navigation


Leave a comment

Please be polite. We appreciate that. Your email address will not be published and required fields are marked

This site uses Akismet to reduce spam. Learn how your comment data is processed.