21 jQuery Navigation Plugins For Creating Modern Website

Unlimited Downloads : 300,000+ Design Assets

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.

Tendina

Tendina 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