Best jQuery Menus Plugins & Tutorials with Demo

    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.

    LayerJS: Javascript UI Composition Framework

    LayerJS: Javascript UI Composition Framework

    layerJS is an open source Javascript UI/UX library allowing intuitive, visually intense, mobile app-like experiences for web apps and websites.

    layerJS follows the idea that any kind of interactive web content is composed of media elements on moving layers. Unlike existing UI frameworks, layerJS does not provide various UI elements (use your favorite framework for that) but focusses on how larger blocks are put together to form websites and apps and how these blocks will behave upon user interaction.

    UX patterns like menus, sliders, layers & lightboxes, parallax effects, page-swipes, zoom effects, etc. are really justinteractive animated layers. layerJS is a simple open source library that provides one simple universal concept to create such patterns in pure HTML.