Best jQuery Menus Plugins & Tutorials with Demo

    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.

    QuixNav – Bootstrap Admin Dashboard Navigation

    QuixNav - Bootstrap Admin Dashboard Navigation

    QuixNav is a bootstrap admin dashboard navigation menu.QuixNav have a different menu styles :

    • Modern
    • Compact
    • Mini
    • Vertical
    • Horizontal

    Circular-Menu : Circular Navigation Menu with JavaScript & CSS

    Circular-Menu : Circular Navigation Menu with JavaScript & CSS

    In this tutorial I’m going to show you how to create circular navigations using CSS transforms. I’m going to take you through the steps for creating these styles one by one, and explain the math (yikes!) and simple logic behind them so you get a clear understanding of the technique.

    Slide Out Navigation with CSS & TweenMax

    Slide Out Navigation with CSS & TweenMax

    A details navigation with a box that slides out from the bottom left of the page and simple animation for menu items, that follows the first one.

    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.

    Multibox Menu : Fullscreen Menu with CSS Grid & TweenMax

    Multibox Menu : Fullscreen Menu with CSS Grid & TweenMax

    Today we’d like to share a simple fullscreen menu with you. The menu layout is powered by CSS Grid and we make its boxes appear with a reveal animation. The animations are made using TweenMax.

    GRT Fixed Responsive Menu – jQuery Plugin

    GRT Fixed Responsive Menu - jQuery Plugin

    GRT is a simple and lightweight fixed responsive menu jquery plugin for your website.

    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.

    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.