Best jQuery Side Menu Plugins & Tutorials with Demo

    HC Off-canvas Nav : jQuery Plugin

    HC Off-canvas Nav : jQuery Plugin

    HC Off-canvas nav is a jQuery plugin for creating toggled off-canvas multi-level navigations, allowing endless nesting of submenu elements.

    SlideMenu.js : Easy Off-Canvas Menu

    SlideMenu.js : Easy Off-Canvas Menu

    SlideMenu.js is a easy off-canvas menu with mobile touch support.

    Zeynepjs : jQuery Mobile Side Menu Plugin

    Zeynepjs : jQuery Mobile Side Menu Plugin

    Zeynepjs is a light-weight multi-level jQuery side menu plugin.

    PLON : Simple SCSS & JS framework based on jQuery

    PLON : Simple SCSS & JS framework based on jQuery

    PLON is a simple SCSS & JS framework based on jQuery and Gulp.

    1. This framework was created for front-end developers who don’t want any base visual styling, for people who likes to start from a blank page and have full controll over the effect of their work.
    2. SCSS structure and class naming encourages developers to use objective CSS (OOCSS).
    3. jQuery plugins are very easy to install and to debug.
    4. Provides each plugin as a separate file – so you don’t have to use unnecessary code.

    NAVX : Ultimate Navigation Plugin

    NAVX : Ultimate Navigation Plugin

    NAVX is ready to run on the most diverse devices, from mobile devices to tablets and desktops.A highly adaptable component.

    Offside.js : JavaScript Off-canvas Push Menu

    Offside.js : JavaScript Off-canvas Push Menu

    Offside.js is a minimal JavaScript kit without library dependencies to push things off-canvas using just class manipulation. It’s goal is to provide a super-lightweight, efficient and customizable way of handling off-canvas menus/elements on modern website and web applications.

    Features:

    • Minimal DOM manipulations
    • No library dependencies
    • Uses CSS3 3D transforms (if you want to)
    • No injected style. Offside entirely relies on classes manipulations
    • BEM-like style
    • Degrades gracefully on browsers not supporting CSS3 3D transforms
    • Handles multiple off-canvas elements
    • Left/right off-canvas

    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.

    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.

    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

    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.