Best jQuery Menus Plugins & Tutorials with Demo

    jQuery faceted Taxonomy Browser

    jQuery faceted Taxonomy Browser

    The jquery faceted taxonomy browser is a simple and intuitive design pattern for browsing hierarchical facets. It is based on a concept called ‘Miller Columns’. If you use the Mac OSX Finder application you can see this feature in action.

    jQuery Roulette Wheel Plugin

    jQuery Roulette Wheel Plugin

    jQuery Roulette Wheel allows you to convert a canvas in a random selection roulette.

    • Allowing to add any number of options, auto-generating a color for each one.
    • A callback function is called when an item is selected.
    • The spin button is rendered in the center of the wheel, instead of using a <button> element

    Responsive Menu with Sliding Down Transition

    Responsive Menu with Sliding Down Transition

    A responsive menu with transitions and fallback support for older browsers. This menu works sliding down the content with a background mask that adjusts to screen height.

    • Responsive
    • Works with a mask
    • Supports scrollbar if content size is bigger than screen size
    • Primarily uses CSS-Transitions and then jQuery as fallback for older browsers.

    jQuery Layered Navigation with CSS3

    jQuery Layered Navigation with CSS3

    Layered navigation allows you to easily implement a new navigation system using the jQuery JavaScript library. It combines the presentation into two sections, you won’t need cutting the images into two, an entire section, and through slides at once. It includes CSS3 animations to show the elements, a side menu to show sections and a progress bar indicates the progress along web site. It allows you to include maps and videos in a fast and easy way.

    Mega Dropdown with CSS3

    Mega Dropdown with CSS3

    A responsive and easy to customise mega-dropdown component.One example we can all think of is Amazon: infinite categories, each one with its own sub-categories… that’s why they currently provide an easy-to-access navigation, in the form of a mega-dropdown element on the top-left corner of the page.

    jQuery Vertical Dashboard Responsive Navigation

    jQuery Vertical Dashboard Responsive Navigation
    • 5 predefined color styles which can be changed easily
    • Fontawesome 430+ vector icons
    • Responsive design
    • Google web fonts
    • jQuery changeable plugin options
    • Compatible with mobile devices
    • Documentation included
    • Clean Design and Code
    • Easy to use

    Nb2Sb : jQuery Navbar to Sidebar Plugin

    Nb2Sb : jQuery Navbar to Sidebar Plugin

    Nb2Sb (Navbar to Sidebar) is a Bootstrap-only jQuery plug-in that converts your navbar into a sidebar.

    jQuery Offcanvas user-friendly Mobile Navigation

    jQuery Offcanvas user-friendly Mobile Navigation

    jQuery Offcanvas is the easy way to arrange overloaded websites or to design user-friendly mobile navigations.

    Set oversized content as off-canvas and let it flow-in, if needed – simple.

    Vertical Responsive Menu with JavaScript & CSS3

    Vertical Responsive Menu with JavaScript & CSS3

    A mobile first vertical responsive menu using HTML, CSS & JS

    Lateralus : jQuery Slide & Push Menus

    Lateralus : jQuery Slide & Push Menus

    Lateralus is a group of menus, to help you build your next website or app.You can choose between normal side menus (right or left) and top menu or push menus (right or left), that push your page to give room to the menu.
    Pure HTML & CSS with only some HTML5 & CSS3 benefits, and with the use of simple jQuery script so you can easily customize at your own taste!