TOP 50 jQuery Menus

ONE PAGE SCROLLY THING

MOBILE NAV BAR

UBER-LIKE NAVIGATION

RESPONSIVE MENU SCROLL LEFT

DROPLET MENU ANIMATION

Droplet scroll animation for the hamburger menu in jQuery.

MENU WITH MORPHING SHAPES

jQuery menu with morphing shapes.

MENU

Horizontal jQuery menu.

NAVIGATION WITH SCROLLING

EXPANDING AND COLLAPSING HAMBURGER MENU

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

HAMBURGER MENU

CSS and jQuery hamburger menu.

NAVIGATION

MOBILE NAVIGATION

Mobile navigation animation using GSAP.

RADIAL MENU

Radial menu – creator visons.

SIDE MENU ANIMATION

Side menu animation in jQuery.

MULTI-LEVEL SIDE NAV MENU

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.

SLIDE OUT NAVIGATION MENU

MENU INTERACTION

BURGER MENU

This is a burger menu for an upcoming project I am working on. I have tried to focus on the animations to give that polished feel when you open the menu item.

MOBILE DROPDOWN MENU

Mobile dropdown menu example with keyframe animations and transitions.

OFF CANVAS MOBILE SUBMENU

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.

DIAGONAL MEGA MENU

MULTI-DEVICE SCROLLING MENU

A simple responsive horizontal menu ready for any device. For the sample only the background colour will change between countries.

RESPONSIVE MEGA DROPDOWN

Original problem was having to create a mega dropdown that was responsive. The design required each column to have a border and have chunks of links inside of that. This is a mobile-first solution that gives you markup that makes sense for mobile/desktop using data attributes.

SIDEBAR MENU CONCEPT

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

DOTA 2 WHEEL CHAT

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 LAYERED MENU

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

LASTIK MENU

Simple lava-lamp like horizontal menu, using jQuery and Tweenmax.

HIRAKU.JS

Hiraku.js – jQuery offcanvas menu plugin.

SIDEBAR MENU

Sidebar menu jQuery component base on AdminLTE.

SLIDE AND SWIPE MENU

A sliding swipe menu that works with touchSwipe library.

DRAWER

Flexible drawer menu using jQuery, iScroll and CSS.

SLINKY

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

TENDINA

Tendina is a simple jQuery plugin that helps you build dynamic, interactive side-menus in seconds.

BOOTSTRAP SUBMENU

Bootstrap sub-menus.

STICKYNAVBAR.JS

StickyNavbar.js: fancy sticky navigation jQuery plugin with smart anchor links highlighting.

BOX LID MENU

This jQuery plugin creates the box lid effect for navigation menus.

STICKUP

StickUp a jQuery Plugin for sticky navigation menus.

SCROLLNAV

A jQuery plugin for building a scrolling navigation menu.

BIGSLIDE.JS

bigSlide is a teeny tiny (~1kb compressed) jQuery plugin for creating off-screen slide panel navigation.

OFFCANVASMENU

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

METISMENU

A jQuery menu plugin.

JQUERY SUPERFISH DROPDOWN MENU PLUGIN

Superfish is a jQuery plugin that adds usability enhancements to existing multi-level drop-down menus.

SLICKNAV

Responsive mobile menu jQuery plugin.

SMARTMENUS

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

SLIMMENU

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

JQUERY.DROPOTRON

jquery.dropotron: multilevel dropdown menus for jQuery.

SIDR

Sidr is a jQuery plugin for creating side menus and the easiest way for doing your menu responsive. It uses CSS3 transitions in modern browsers and fallbacks into jQuery.animate when they are not supported.

FIXED TABLE OF CONTENTS DROP-DOWN MENU JQUERY PLUGIN

A fixed table of contents drop-down menu jQuery plugin. Just change the markup to add more depth to the menus. The script should automatically recognize deeper menus, as long as you have the corresponding sections in the content area.

JPANELMENU

A jQuery plugin that creates a paneled-style menu.

VISUALNAV

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