Best jQuery Menus Plugins & Tutorials with Demo

    hy-drawer : Touch-enabled Drawer Component

    hy-drawer : Touch-enabled Drawer Component

    hy-drawer is a touch-enabled drawer component for the modern web. It focuses on providing a fun, natural feel in both the Android and iOS stock browser, while being performant and easy to use. It is the perfect companion for mobile-first web pages and progressive web apps.

    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.