jQuery Menus Plugin & Tutorials with Example

MegaNavbar. Advanced Navbar for Bootstrap 3.0+

MegaNavbar. Advanced Navbar for Bootstrap 3.0+

The MegaNavbar is a Bootstrap 3.0+ based component, that uses the standard navbar markup, and the fluid grid system from Bootstrap 3. Work for fixed and responsive layout, and has the facility to include any Bootstrap component except dropdown. MegaNavbar is compatible with mobile devices and modern web browsers.

Features:

  • 100% Responsive Layout Design
  • Bootstrap Columns Grid based
  • Unlimited Color Schemes
  • Easy integration to any Web Projects
  • Font Awesome Icons Included
  • No additional JavaScript Required

Menuzord – jQuery CSS3 Responsive Megamenu

Menuzord - jQuery CSS3 Responsive Megamenu

Menuzord is a responsive megamenu pack to help you to define a modern navigation for your website.

Features:

  • Fully Responsive
  • 16 Skins
  • Bootstrap compatible
  • 8 Color Schemes per Skin
  • Megamenu
  • Grid System
  • CSS animations
  • Right/Left alignment
  • Click or Hover

Closing Door Menu with CSS3 & jQuery

Closing Door Menu with CSS3 & jQuery

This effect is inspired by the Enjoy Aiia menu effect. It’s a closing door menu where 2 sides of the menu come together offscreen to create the final menu. I’ve created 4 variations, 2 vertical and 2 horizontal menus, each with 2 different animations: normal and bounce.

Full-Screen Pop-Out Navigation with jQuery & CSS3

Full-Screen Pop-Out Navigation with jQuery & CSS3

Here is a fixed menu that drives users’ attention to a couple of call-to-action buttons first, then let them explore the full-screen navigation with jQuery and CSS3.

Datmenu – Responsive Menu jQuery Plugin

Datmenu - Responsive Menu jQuery Plugin

DatMenu is a premium quality jquery plugin for responsive navigation that is built with love and care.

  • Easy To use
  • Multiple Animations
  • Easy Modifications
  • Top Menu Bar
  • Retina Ready
  • Responsive layout
  • Compatibility (IE, Firefox, Opera, Safari, Chrome)
  • Unlimited Colors
  • Unlimited Styling Options

PgwMenu : Responsive Menu plugin for jQuery

PgwMenu : Responsive Menu plugin for jQuery

Responsive Menu plugin for jQuery and Zepto.

Features:

  • Full customization with the CSS file included
  • Fully responsive navigation menu (desktop and mobile devices)
  • SEO compliant
  • Less than 2 KB (minified and gzipped)

Headhesive.js : An on-demand Sticky Header

Headhesive.js : An on-demand Sticky Header

Headhesive.js creates an on-demand sticky header. Specify when you want your header to become fixed and the rest is magic.

Engaged Social Navigation with jQuery

Engaged Social Navigation with jQuery

Engaged social menu is free to use and is a super simple menu that can be easily integrated into any website including WordPress. Some of the beautiful icons from font awesome has been used to increase the beauty. Menu is meant for sites, that needs to preview their social status prominent and more visible to users.

Fixed Auto-Hiding Nav Bar with JavaScript

Fixed Auto-Hiding Nav Bar with JavaScript

Top navigation bars have always been popular in web design. Since these elements contain such vital information some designers like to keep them fixed on-screen while scrolling down the page. But unfortunately this can get in the way of content if the bar is too large. A popular online blogging platform Medium created an interesting method of hiding the bar when scrolling down and re-showing it when scrolling back up.

Smart Fixed Navigation with CSS3 & jQuery

Smart Fixed Navigation with CSS3 & jQuery

A fixed navigation that allows your users to access the menu at any time while they are experiencing your website. It’s smaller than a full-width fixed header, and replaces the back-to-top button with a smarter UX solution.



Best jQuery websites design awards