17 Free jQuery plugin for Responsive Navigation Menu

Make responive navigation menu that works on both mobile and desktop platforms is challenging. One of the quickest ways is to use a javascript library. Below you'll find 17 free jQuery plugin for responsive navigation menu that suitable for your web project. With the popularity of mobile and tablet devices responsive/fluid web layouts have become an important part of modern web design. I hope you will like these responsive jQuery navigation menu plugins.

See also:

Table of Contents

Sidr

The best jQuery plugin for creating side menus and the easiest way for doing your menu responsive.

FlexNav

FlexNav is a mobile-first example of using media queries and javascript to make a decent multi-level menu with support for touch, hover reveal, and keyboard tab input accessibility.

Responsive Nav

Responsive Nav is a tiny JavaScript plugin which weighs only ~1KB minified and Gzip'ed, and helps you to create a toggled navigation for small screens. It uses touch events and CSS3 transitions for the best possible performance.

Navgoco

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.

SmartMenus

jQuery website menu plugin. Responsive and accessible list-based website menus that work on all devices.

slicknav

slicknav is a simple and easy-to-use jQuery menu plugin for creating a responsive & cross-browser multi-level navigation menu on your website.

Naver

A jQuery plugin for responsive navigation.

jPanelMenu

jPanelMenu is a jQuery plugin that creates a paneled-style menu (like the type seen in the mobile versions of Facebook and Google, as well as in many native iPhone applications).

Flaunt.js

A jQuery script that allows you to create a responsive, nested navigation out the box. Flaunt was built to overcome responsive design challenges which faced a huge percentage of websites.

HorizontalNav

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.