Best jQuery Menus Plugins & Tutorials with Demo

Sweet and versatile Dropdowns using jQuery

Sweet and versatile Dropdowns using jQuery

Sweet and versatile dropdowns using jQuery.Create dropdowns in any direction with any kind of content.

Attractive fully Responsive Menu using CSS3

Attractive fully Responsive Menu using CSS3

A fully responsive navigation using css3 and jQuery which is very attractive with animated effects. In this header, you can see clean navigation items with search and in mobile/tablet you can see attractive toggle menu with animated open/close effects.

SmartMenu : Responsive jQuery Mega Menu

SmartMenu : Responsive jQuery Mega Menu

SmartMenu is a user-friendly, highly customizable and responsive jQuery mega menu plugin. It allows you to use multiple menus with different submenus.

Features:

  • Responsive design
  • Supports multiple instances
  • Horizontal (top, bottom) or Vertical (left, right) menu layouts
  • Mega / Flyout submenus
  • Pure CSS3 animations (fade, slide)
  • 3 ways of dropdown (hover, click, toggle)
  • 7 color skins which can be changed easily
  • Custom mega dropdowns, forms, search bar, social icons or HTML
  • 12 columns fluid grid
  • You can add images, maps or videos

Dropdown Sidebar Menu Responsive Bootstrap Navigation

Dropdown Sidebar Menu Responsive Bootstrap Navigation

Scoop Navigation Menu Consist of both Horizontal and Vertical navigation with customize options and themes. Its lightweight and compatible with almost all major browsers and devices. this plugin make more then 50 plus navigation view. It supports four levels sub menu with shrink, Overlay and push effect.

Multi purpose Responsive Scoop Navigation supports multi navigation style like: Expanded, Compact, Collapsed, offcanvas, fullPage Menu , Full MegaMenu, Half MegaMenu and Search bar on navigation. Three new navigation style introduce in this plugin like ex-popover, Sub-Expanded and fulldrop Menu

fs-pushmenu : jQuery Multi-level Push Menu

fs-pushmenu : jQuery Multi-level Push Menu

fs-pushmenu is multi-level push menu from scratch with SASS and jQuery.

DROP : jQuery Responsive Dropdown Navigation

DROP : jQuery Responsive Dropdown Navigation

DROP is an awesome navigation jQuery plugin ready to use in any HTML page displayed on mobile phones, tablets and desktop devices.

jQuery Pretty Dropdowns Menus

jQuery Pretty Dropdowns Menus

Pretty Dropdowns is a simple, lightweight jQuery plugin that converts <select> drop-down menus into “pretty” menus that you can style using CSS. Full keyboard navigation is supported (you can go directly to a menu option by typing its text). As an extra bonus, it does its best to keep the menu options within the viewport.

Progress Nav : CSS Animate Mark on Scroll

Progress Nav : CSS Animate Mark on Scroll

Progress Nav page demonstrates an idea for how progress can be visualized inside of a standard page nav. Scroll the page and note how the marker animates to highlight all of the sections that are currently on screen.

basicContext : Easy-to-use jQuery Context Menu

basicContext : Easy-to-use jQuery Context Menu

BasicContext is a easy-to-use context-menu for your website or web-app.

Features:

  • Works in all modern browsers
  • Written in Vanilla JS
  • CommonJS and AMD support
  • Layout and theme are separated CSS-files. This makes it easy to style our own context.
  • Stays within the viewport and never opens outside the visible screen-area
  • Scrollable, when the height of the context-menu is bigger than the height of the browser

Mdstrap : jQuery Side Menu Plugin

Mdstrap : jQuery Side Menu Plugin

jQuery mdStrap plugin creates a side menu for smartphones or other handheld devices. It’s built based on Twitter Bootstrap’s framework version 4 (currently alpha 2).



Best jQuery websites design awards