Best jQuery Menus Plugins & Tutorials with Demo

Ax5ui : jQuery based Bootstrap UI Plugins

Ax5ui : jQuery based Bootstrap UI Plugins

“ax5core” is a collection of utility functions that have been designed for use in ax5ui. It was designed to the utility to act as a minimum code. So it can be considered to be simple compared to other utilities.

jQuery ContextMenu Common

jQuery ContextMenu Common

jQuery plugin to add common checkable menu items `checkbox` and `radio` and more features to jQuery.contextMenu.

LazeeMenu : jQuery Multi-level Sidebar Menu

LazeeMenu : jQuery Multi-level Sidebar Menu

LazeeMenu is a JQuery plugin that turns a nested unordered list of links into a vertical multi-level navigation menu. It is visually inspired by the menu on Github’s reference pages, but with support for an additional level. It support both links and standard text in the expandable menu items.

Auto Inherit Bootstrap Theme Vertical Sidebar

Auto Inherit Bootstrap Theme Vertical Sidebar

It is a ready to use component in any bootstrap website. It consists of a vertical navigation menu based on css3 and jQuery.

Features:

  • Fully Resposive on all screens; Desktop, Tablet, Mobile
  • Same Code for all devices and platforms
  • Multiple Level Dropdown Menu (Unlimited)
  • Glyphicons – Bootstrap version 3.3.5
  • Inherit any theme look
  • Collapsible Mobile Menu

SlideMenu : jQuery Responsive Sliding Menu

SlideMenu : jQuery Responsive Sliding Menu

SlideMenu is a solution for creation responsive slide navigations. It supports show and hide CSS3 animations, unlimited slides, custom themes and multiple instances. The plugin can be deployed easily. It runs on all modern browsers and mobile devices. You can customize the plugin by adding CSS or LESS code to the themes and also changing settings.

  • Unlimited Number of Slides – you can use unlimited numbers of submenus
  • CSS3 Animations – over 60+ CSS3 animations are available to give some stunning effects to the menu
  • 5 Predefined Themes – included 5 skins, you can create your own theme containing custom colors, fonts, and effects by starting with a built-in themes and changing its settings
  • Build with LESS – LESS and CSS files included

Slyder : jQuery Slider Navigation for FAQ

Slyder : jQuery Slider Navigation for FAQ

A responsive slider navigation jQuery plugin for FAQ type module.

FooterMenu : jQuery Nice Toggle Footer Menu

FooterMenu : jQuery Nice Toggle Footer Menu

Simple and easy jQuery plugin. Nice slide up toggle footer menu when scroll down.

Drilldown : jQuery Animated Drilldown Menus

Drilldown : jQuery Animated Drilldown Menus

A simple jQuery plugin for creating animated drilldown menus.

Features:

  • Multiple menus on a single page
  • Pretty flexible, doesn’t enforce specific tags
  • Lightweight: 2 KB when minified (even less after gzip)

jQuery Offset Scroller

jQuery Offset Scroller

A jQuery plugin to enable smooth scrolling to a page anchor/id with a configurable offset.

CSS Mobile Header Animations

CSS Mobile Header Animations

I have created this resource to highlight some navigation animations. By explaining the first example I hope you will understand the rest animations. The main thing that will differ is the navigation animation.



Best jQuery websites design awards