Best jQuery Menus Plugins & Tutorials with Demo

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.

Slide Out Box Menu with CSS Grid & TweenMax

Slide Out Box Menu with CSS Grid & TweenMax

Today we’d like to share a little menu with you. The idea is to reveal the boxes of a grid individually from the top right corner of the page similar to the Expanding Grid Menu we did a while back. The animations are powered by TweenMax.

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.

jQuery Custom Scroller Plugin

jQuery Custom Scroller Plugin

The idea is to demonstrate how easily a Custom jQuery Scroller can be built.

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

Priority Nav Scroller with JavaScript

Priority Nav Scroller with JavaScript

Priority Nav Scroller is a plugin for the priority+ navigation pattern. When the navigation items don’t fit on screen they are hidden in a horizontal scrollable container with controls.