Best jQuery Menus Plugins & Tutorials with Demo

flxMenu : jQuery Dropdown Navigation Plugin

flxMenu : jQuery Dropdown Navigation Plugin

The flxMenu plugin is a responsive, cross-browser jQuery plugin that helps you create dropdown navigation for both desktop and mobile devices.

Features:

  • automatically switches to a mobile-friendly toggle menu when the window width reaches a specified breakpoint.
  • supports infinite levels of sub menus.
  • supports multi-column dropdown navigation.
  • popup menu slides in from top, left or right hand side.
  • accordion-style menu where all the menu items will be collapsed into a dropdown toggle menu on small screens.
  • supports keyboard navigation in desktop mode.

Slide Out Box Menu with CSS Grid & TweenMax

Slide Out Box Menu with CSS Grid & TweenMax

Today we’d like to share a little menu with you. The idea is to reveal the boxes of a grid individually from the top right corner of the page similar to the Expanding Grid Menu we did a while back. The animations are powered by TweenMax.

Pushbar.js : JavaScript Sliding Drawers Plugin

Pushbar.js : JavaScript Sliding Drawers Plugin

Pushbar.js is a tiny javascript plugin for creating sliding drawers in web apps It is fully customizable and dependency free.You can use it as sidebar menus or option drawers.

jQuery Custom Scroller Plugin

jQuery Custom Scroller Plugin

The idea is to demonstrate how easily a Custom jQuery Scroller can be built.

coreNavigation : jQuery Multi purpose Navigation Menu

coreNavigation : jQuery Multi purpose Navigation Menu

coreNavigation is a multi purpose navigation menu for javascript library based on jquery, come with more style and easy to combination.

Features:

  • 9 Default Menu
  • 2 Responsive Navigation
  • 6 Event Menu
  • 6 Attributes Header
  • 3 Mode Menu Position
  • 9 Layout Navigation
  • More Themes & Custom

Priority Nav Scroller with JavaScript

Priority Nav Scroller with JavaScript

Priority Nav Scroller is a plugin for the priority+ navigation pattern. When the navigation items don’t fit on screen they are hidden in a horizontal scrollable container with controls.

jQuery Nav Scroll Spy Plugin

jQuery Nav Scroll Spy Plugin

jQuery plugin that can spy scroll and switch nav automatically.

Bootstrap Submenu jQuery Plugin

Bootstrap Submenu jQuery Plugin

A jquery plugin for bootstrap to create multiple submenu.

Routerjs : jQuery plugin for Routes like AngularJs

Routerjs : jQuery plugin for Routes like AngularJs

Router for jquery Initially I am starting this project for providing routes in frontend like other framework(Angularjs,, Reactjs, Vue.js) but with a difference. The user will be able to use it with JQuery and other JQuery plugins. It will provide simple, minimal and elegent solution for creating single page app using most loved library that is JQuery. Beside routing,It will provide smooth transitions of pages. For most hybrid app development we need some smooth transition between pages. So no need to use other css library for transitions. Corrently we have four transitions. In future we will add more animation for routes. Fom templating, I am using handlerbar. So for now dependency is JQuery and Handlerbar.js.

jQuery plugin to switch between Mobile & Desktop menu : Menu-breaker.js

jQuery plugin to switch between Mobile & Desktop menu : Menu-breaker.js

Menu-breaker.js is a javascript & jQuery plugin to switch between mobile and desktop menu and change submenus side on browser window resize.