65+ jQuery Menus - Free Code + Demos

I stumble upon the web site which is using mobile nav bar fixed on its bottom. I was really inspired!! Therefore, I tried!! I can't tell you that it took 2days just done this nav bar... but I made it!!!

I made my own version of the Navigation on the Uber Rebrand 2018 Website

Droplet scroll animation for the hamburger menu Inspired by https://dribbble.com/shots/1708213-floating-hamburger

This is just another dropdown menu concept.

This is my approach for this weeks CodePen challenge :)

Experimenting with making the menu items themselves collapse into the bars of the hamburger menu.

Vertical scrolling sections of content with mobile hamburger navigation. Animations easily customized.

This is a multi-level side navigation pattern with hover and push. Hovering over the menu will reveal its lables and clicking the hamburger icon pins the menu open.

Mobile dropdown menu example with keyframe animations and transitions.

An experimentation that sets all submenus off screen so that they can be toggled in and out of view when their parent arrow elements are clicked.

Recently I had to work on making a mega dropdown responsive while still offering all of the functionality. Users have to be able to click on top-level links and drill down to the categories. This is similar to what I ended up going with. Inspired by the codyhouse mega dropdown.

Sidebar menu that pushes content aside in 3D space. Still prettifying things.

With this module, you can create wheel menu, like such in Dota 2 game. Press left mouse button, to see it. Choose one of menu items, to say something to your teammates!

Circular, vinyl-like menu with explanatory label that pop when icons are hovered.

Simple lava-lamp like horizontal menu, using Tweenmax

jQuery Offcanvas Menu Plugin

jQuery sidebar-menu component

:zap: A sliding swipe menu that works with touchSwipe library.

Flexible drawer menu using jQuery, iScroll and CSS.

A light-weight, responsive, mobile-like navigation menu plugin

A super easy-to-use jQuery plugin to rapidly build dropdown side menus.

Bootstrap sub-menus

stickyNavbar.js: Fancy sticky navigation jQuery plugin with smart anchor link highlighting

stickUp a jQuery Plugin for sticky navigation menus.

A dependency free JavaScript plugin for auto generating single page navigation

⚠️**DEPRECATED**⚠️ A tiny slide panel navigation jQuery plugin with big dreams

A jQuery/Zepto plugin that provides an easy way to implement an off-canvas toggling menu, a navigation metaphor made popular by mobile applications.

A jQuery menu plugin

Advanced jQuery website menu plugin. Mobile first, responsive and accessible list-based website menus that work on all devices.

:white_medium_small_square: slimMenu is a lightweight jQuery plugin, which is made to create responsive and multi-level navigation menus on the fly.

Adds multilevel dropdown menus to jQuery.

Sidr is a jQuery plugin for creating side menus and the easiest way for doing your menu responsive.

A fixed table of contents drop-down menu jQuery plugin.

A jQuery plugin that creates a paneled-style menu (like the type seen in the mobile versions of Facebook and Google, as well as in many native iPhone applications).

A jQuery plugin that modifies a navigation menu to highlight / change when the menu's target smooth scrolls into view

Le même que le menu précédant en CSS, mais cette fois en utilisant jQuery. La version précédente ne fonctionnait pas sur les apple devices.

I used slideToggle to expand/collapse menu items. I cant figure out how to get it to scroll to the top of the selected list item yet. Will update soon This targets all open menus and closes them when a new one is clicked, so you can only have 1 menu at a time UPDATE - made it responsive

A reusable jQuery accordion navigation menu, works with any amount of categories and subcategories

Forked from Edrees's Pen rVaXpZ.

Nested jQuery dropdown menu plugin.

Simple jQuery One Page Smooth Scrolling Navigation Scroll to the desired section on click Make sure to add the data-scroll attribute to your tag. Example: My Section will scroll to an element with the id of 'my-section'.

A different approach to navigation ux. This is built with jQuery, TouchSwipe, Bootstrap, etc.