8 jQuery Responsive Navigation Menu Plugins

Unlimited Downloads : 300,000+ Design Assets

Creating responsive navigation menu gives a unique challenge, which can be dealt with in very different ways. One of the quickest ways is to use a javascript library, so here are jquery plugins to make navigation responsive.

FlexiNav

This is the most flexible navigation system designed to work on any device. It is fully responsive and comes with 10 color presets. This menu can be fixed at the top of the browser and has an optionnal trigger button to show or hide the menu bar. On mobile devices, the menu is put back into the flow of the page to make sure that all the content can be reached (fixed elements that don’t fit into a phone screen can’t be scrolled). If one menu isn’t enough, you can add others as you wish.

flexi-6

slicknav

This is a simple and easy-to-use jQuery menu plugin for creating a responsive & cross-browser multi-level navigation menu on your website. The plugin makes use of CSS media queries to hide the original menu and display the mobile menu when appropriate.

SlickNav-2

Naver

A jQuery plugin for responsive navigation.

nav-4

Drop-Down Navigation: Responsive and Touch-Friendly

What if you need a multi-level navigation? In most cases, you design a drop-down menu using unordered lists. But what do you do to make it usable on small and / or cursorless screens? By usable I mean being able to use hyperlinks on parental anchors and open them with a double-tap (which is a native act on touch devices), also being able to close the drop-downs by tapping anywhere outside them to avoid flashing and other huge usability faults but having a usual bulletproof drop-down menu on desktop screens at the same time.

drop-down-navigation-touch-friendly-5

Responsive Nav

Responsive navigation plugin without library dependencies and with fast touch screen support.

Responsive-Nav-3

FlexNav

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. Special attention is paid to touch screens using tap targets.

flexnav-1

Vertical Responsive Navigation

Navigation component based in CSS and Javascript code. It’s responsive navigation, collapsible on mobile devices.

verticalnav-7

slimMenu

Lightweight jQuery plugin, which is made to create responsive and multi-level navigation menus on the fly.

slimmenu-8


Leave a comment

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