Free jQuery mobile menu Plugins

10 Best Off-canvas Mobile Menus In JavaScript And CSS (2024 Update)

A list of 10 Best Off-canvas navigation systems for both desktop and mobile web design.

Slick and App-Like Sliding Menu Plugin With jQuery - Mmenu

Mmenu is a super simple jQuery plugin for creating slick and app-like sliding menus for your mobile website,all with an unlimited amount of submenus.

Smart Sticky Header Hamburger Navigation Plugin - jQuery mhead

mhead is a jQuery plugin used to create a sticky header hamburger navigation for your web application that auto shows/hides as you scroll/swipe the page down or up.

Creating A Simple Off-canvas Slide Panel Navigation with jQuery Pushy

Pushy is a super tiny (~1kb) jQuery plugin for creating an off-canvas slide panel navigation as you've seen in many mobile Apps.

Cross-platform Responsive Navigation With jQuery - menuBreaker

menuBreaker is a responsive, cross-platform, multi-level navigation plugin for jQuery that auto collapses the regular horizontal nav into an off-canvas toggle menu on mobile devices.

Responsive & Mobile-Aware jQuery Dropdown Navigation Plugin - responsiveNav

Just another jQuery mobile menu plugin that turns a horizontal multi-level navigation into a mobile friendly toggle menu on small screen devices.

Mobile-friendly Navigation Plugin With jQuery - Ace Responsive Menu

A lightweight, flexible, cross-browser, multi-level, mobile-friendly jQuery responsive menu plugin for your modern web project.

Mobile-first Multilevel Sliding Menu - jQuery Simple MobileMenu

A minimal, mobile-first navigation plugin for jQuery that lets you create a responsive, fullscreen, sliding, drilldown menu-style navigation for your mobile webpage & webapp.

Simple Lightweight Off-canvas Menu Plugin - MA5 Mobile Menu

A simple, lightweight jQuery mobile navigation plugin allows you to create an off-canvas sidebar panel with a multi-level sliding drill down menu for your site navigation.

Mobile-friendly Drawer Navigation JavaScript Library - hy-drawer

hy-drawer is drawer navigation JavaScript library which enables a trigger element to toggle a mobile app-style off-canvas menu for modern cross-platform web design.

Mobile-friendly Bootstrap Off-canvas Nav - jQuery Better Nav

A jQuery plugin for better Bootstrap navbar which replaces the default vertical mobile view with a sliding off-canvas menu when the viewport is narrower than a specific breakpoint.

Simple Off-canvas Navigation with jQuery and CSS3 - Material Menu

Material Menu is a jQuery responsive menu plugin that converts a normal navigation menu into a sticky top navigation bar on small screen devices.

Minimal Mobile Off-canvas Menu With jQuery And CSS3

This is a small, handy jQuery navigation plugin for creating a mobile-friendly off-canvas side menu on your responsive, cross-platform web page.

Off-canvas Push And Overlay Menus With jQuery And CSS3

This project provides 2 navigation patterns (push menu and overlay menu) to create mobile-friendly, off-canvas navigation menus using jQuery, HTML and CSS/CSS3.

Mobile First Multi-level Toggle Menu With jQuery - cookcodesmenu

cookcodesmenu is a simple yet fully configurable jQuery navigation plugin that lets you create a responsive, mobile-first, multi-level dropdown toggle menu for your cross-platform webapp.

Multi-level Hamburger Navigation Plugin - jQuery mlStackNav

mlStackNav is a jQuery plugin to create customizable, accessible, easy-to-use, mobile-friendly, multi-level stack navigation menu with slide effects.

Mobile-first Offcavas Navigation With jQuery

A jQuery based mobile app navigation pattern that displays a sticky bottom navigation at the bottom of the web app and shows/hides an off-canvas sidebar navigation when toggled.

Multi-level Sliding Side Menu Plugin For jQuery

A small jQuery side menu plugin used to create smoothly sliding, multi-level, off-canvas navigation for your web applications.

Minimalist Hamburger Dropdown Menu With jQuery And CSS3

This is a minimal hamburger navigation for your responsive, cross-platform webpage/webapp that slides down a dropdown menu on toggle using jQuery animate method.

Sliding Navigation & Back To Top Plugin - jQuery KNResponsiveMenu

The KNResponsiveMenu jQuery plugin provides the responsive fullscreen toggle menu and back to top functionality for your long webpage.

Mobile Accordion Menu With jQuery And CSS3

A mobile-friendly hamburger toggle navigation built using jQuery/CSS that will slide in a multi-level, accordion-style expanding menu when toggled.

Responsive & Fluid Sidebar Plugin with jQuery and Hammer.js

A jQuery, hammer.js based sidebar plugin that creates responsive, fluid, mobile first on- and off-canvas navigation panels for your website and web app.

Generic Sliding Push Drawer Plugin For jQuery - slideNav

slideNav is a mobile-friendly side drawer plugin for easily creating off-canvas push menus, navigations, and any other panel types.

Mobile-friendly Sliding Mega Menu Plugin With jQuery

The Mobile Mega Menu jQuery plugin will automatically converts your nested html list into a mobile-friendly, drill down nav-style mega menu for your content-rich website.

Responsive Header Navigation Plugin For jQuery - Menu.js

Yet another jQuery plugin for responsive, multi-level site navigation that automatically transforms the default nav list into a fullscreen, user-friendly hamburger menu in mobile view.

Mobile-first Offcavas Side Menu With jQuery - gab-mobilemenu

gab-mobilemenu is a jQuery plugin used to create an offcanvas sidebar navigation for mobile and small screen devices (screen size < 1024px).

Simple Multi-level Off-canvas Menu Plugin With jQuery - Essence Drawermenu

Essence Drawermenu is a tiny jQuery plugin used to create an multiple-level, drawer-style off-canvas navigation menu for your responsive, cross-platform website.

Mobile-friendly Fullscreen Drill Down Menu With jQuery - mobileMenu.js

mobileMenu.js is a jQuery plugin which takes an array of menu objects and converts them into a fullscreen, mobile-friendly, multi-level drilldown menu for your large, complicated site/app navigation.

Responsive Mobile Toggle Navigation With jQuery And CSS3

A fully responsive site navigation that uses JQuery and media queries to switch between dropdown navigation and mobile-friendly toggle menu depending on the current screen size.

Mobile-first Off-screen Navigation With jQuery - 4PXMMenu

4PXMMenu is a jQuery plugin to create an off-canvas hamburger toggle menu on mobile devices, utilizing CSS3 transition, transforms and jQuery toggleClass() method.

Interactive Off-canvas Overlay Menu With jQuery And CSS3

An interactive, mobile-friendly site navigation that allows to show/hide an off-canvas sidebar overlay menu / panel based on user actions.

Responsive & Cross Browser jQuery Dropdown Menu Plugin - Easy As Pie

Easy As Pie is a jQuery extension for superfish plugin that automatically turns a multi-level dropdown menu into a collapsible mobile navigation when the window's size has reached the breakpoint.

Lightweight Responsive Site Navigation System With jQuery

A lightweight, responsive menu system which turns a nested unordered list of menu links into a vertical off-canvas sliding menu on mobile view (screen size < 800px).

Minimal Sliding Mobile Menu With jQuery And CSS3

Just another jQuery & CSS implementation of the mobile-friendly sliding off-canvas navigation menu that uses CSS3 animations for the smooth slide in effect.

jQuery & CSS3 Sliding Menu Using Navigation Drawer - Drawer

Drawer is a jQuery plugin for creating a responsive, touch-enabled and animated side menu that slides out from the edge of the screen when clicking or touching the trigger.

Creating A Responsive Mobile Navigation Menu with slicknav jQuery Plugin

slicknav is a simple and easy-to-use jQuery menu plugin for creating a responsive & cross-browser multi-level navigation menu on your website.

Responsive Collapsible Toggle Menu Plugin With jQuery - eosMenu

eosMenu helps you create a responsive, multi-level, accordion-style menu where all the menu items will be collapsed into a dropdown toggle menu on small screens.

Responsive Multi-level Dropdown & Toggle Menu Plugin With jQuery

A jQuery based responsive dropdown navigation menu that automatically switches to a mobile-friendly toggle menu when the window width reaches a specified breakpoint.

Mobile-friendly Sliding Side Menu Plugin With jQuery

A really simple jQuery plugin used for creating a mobile-friendly, space-saving side navigation that slides out from the top of the webpage with a fullscreen background overlay.

Mobile-first Fullscreen Navigation Plugin With jQuery - Snavvy

Snavvy is a lightweight jQuery plugin for creating a mobile-friendly navigation that slides out a fullscreen, off-canvas menu covering the whole page when toggled.

Creating A Sliding Side Menu with jQuery and CSS3 - SideMenu.js

SideMenu.js is a mobile app style navigation system allowing you to create a multilevel sliding side menu using JavaScript, Html and CSS / CSS3.

Mobile App-Style Toggle Menu/Sidebar Plugin For jQuery - Slidebars

Slidebars is a lite jQuery plugin that creates a responsive mobile app-style sidebar (side menu) sliding from left or right side or your web page/app when clicking the toggle link.

Multi-level Mobile Navigation With jQuery And CSS3

This is a jQuery & CSS3 based off-canvas mobile navigation where the user has the ability to access sub menu items just like a drill down menu.

Left-to-right Push Menu With jQuery And CSS3

Yet another mobile-friendly navigation system that allows your users to toggle a vertical off-screen navigation menu while push the main content from left to right.

Mobile-friendly Responsive Navigation Plugin - Swipe Navigation

A mobile-friendly, responsive jQuery navigation plugin which collapses your menu into a horizontal, swipeable scroller when screen's size is too small to fit all menu items.

Simplest Responsive Nav Menu With jQuery And CSS3 - nav-mobile.js

Just another jQuery & CSS based mobile-friendly navigation system that automatically converts the regular horizontal site menu into a sliding dropdown menu with a toggle link.

Minimalist Sidebar Navigation With jQuery And CSS3

A simplest sidebar navigation that uses jQuery and CSS3 transitions to slide out an off-canvas menu overlaying the main content.

Responsive & Nested jQuery Navigation Menu Plugin - slimMenu

slimMenu is a pretty and mobile-friendly jQuery plugin for creating responsive and nested multi-level drop down menus with smooth drop down animations and some useful options for your navigation.

jQuery Mobile Navigation Menu Plugin For Responsive Design - navobile

navobile is a jQuery plugin that make it easy to create an user-friendly and mobile-friendly navigation menu for responsive website design.

Space-saving Responsive Menu with jQuery and CSS3

A jQuery based, responsive, mobile-friendly, space-saving navigation menu that automatically collapses overflow items into a toggleable dropdown menu.

Simple Mobile Push Menu With jQuery and TweenMax.js

A simple mobile push menu that reveal an off-canvas side menu with a hamburger toggle button, build on top of jQuery and GSAP JS library.

Mobile-first Responsive Navigation Bar with jQuery and CSS3 - Paradeiser

Paradeiser is an easy navigation solution for mobile that automatically displays a top navigation bar to replace the boring hamburger / off-canvas menu on mobile devices.

Responsive Mobile Menu Plugin For jQuery - Simple Mobile Menu

A responsive, mobile-first jQuery menu plugin which converts the normal header navigation into a toggleable sliding menu on mobile devices.

Slide and Swipe Mobile Menu Plugin with jQuery

A simple, lightweight jQuery plugin used to create a mobile-first sliding off-canvas menu that uses jQuery touchSwipe library for touch events support.

Simple Clean Responsive Mobile Toggle Menu Plugin For jQuery

A simple clean, alternative, responsive jQuery navigation plugin that converts a standard menu into a drop down toggle menu on mobile devices.

Mobile-first Pull-down Navigation with jQuery and CSS3

A jQuery & CSS3 powered mobile-friendly navigation that slides out from the top of your webpage when toggled.

Fullscreen Mobile Navigation Menu with jQuery and CSS3

A mobile friendly responsive navigation menu with an animated hamburger toggle built using jQuery and CSS3.

Touch Swipeable Sidebar Menu with jQuery and CSS3

A mobile friendly off-canvas side navigation built with jQuery and CSS that allows you to reveal and hide the side menu with touch swipe events.

Mobile First Hamburger Menu Plugin For jQuery

A jQuery & jQuery UI based navigation plugin helps you create an off-screen sidebar push menu with a hamburger toggle for your mobile website / web application.

Responsive Flat Dropdown Menu with jQuery and CSS3

A responsive, mobile-friendly, flat style, animated, multilevel navigation menu built on top of jQuery and CSS/CSS3.

Multilevel Responsive Menu Plugin with jQuery

A mobile optimized jQuery menu plugin that automatically convert a regular navigation into a multi-level drill down menu on smaller screens.

Mobile Push Menu with jQuery and CSS3 Transitions

A simple implementation of responsive, mobile-friendly, off-canvas push menu using Html5, CSS3 and a little jQuery magic.

Responsive Fixed Bottom Corner Navigation with jQuery and CSS3

A jQuery script to create a fixed bottom corner navigation that morphs into a fullscreen menu panel on mobile devices.

Responsive Select Based Mobile Menu with jQuery and CSS3

A simplest responsive mobile menu that collapses your horizontal navigation into a drop down menu with the select element

Multi-functional jQuery Off-canvas Navigation Plugin - Sidy.js

A jQuery navigation plugin to create mobile-friendly, app look-alike off-canvas/push/slide/reveal menus with cool CSS3 animations.

Responsive and Touch-Friendly jQuery Menu Plugin - Flexnav

Flexnav is a responsive, Touch-Friendly and cross-browser jQuery drop down menu plugin that has support for unlimited sub-menus and works nice in both desktop and mobile layouts.

Mobile Friendly Responsive Side Menu Plugin with jQuery - gxSideMenu

gxSideMenu is a responsive, mobile-friendly side menu plugin for revealing a multi-level sliding offscreen navigation triggered by custom events.

Responsive Fixed Off-canvas Menu with jQuery and CSS3

A small JQuery script that transforms a regular multi-level dropdown menu into a fixed navigation bar with a toggle icon on mobile devices.

Simple jQuery Mobile Navigation Side Menu - Shifter

Shifter is an easy-to-use and mobile first jQuery plugin for creating a slide menu which slides out from the right side of the page when clicking or tapping the toggle button.

Responsive & Animated Navigation Bar with jQuery and CSS3

A jQuery based responsive navigation bar that collapses into a toggleable drop down menu in mobile views.

Responsive and Mobile-Friendly jQuery Navigation Plugin - Naver

Naver is a jQuery plugin to atuomatically turn a basic navigation menu into a responsive and mobile friendly menu.

Responsive Mobile Off-canvas Menu with jQuery and CSS3

A jQuery & CSS3 based responsive menu system that automatically turns the horizontal navigation menu into a mobile App-style off-canvas menu on small screens

jQuery Multi-Purpose Responsive Mobile Menu Plugin - Ultimate Burger Menu

Ultimate Burger Menu is a jQuery mobile menu resolution to create a responsive & animated dropdown menu or side push menu on your responsive designed website.

Mobile-Friendly Auto-Hiding Top Navigation Bar with jQuery and CSS3

A jQuery & CSS based sliding navigation bar that is sticky at the top of the page as you scroll down.

Vertical Responsive Multi-level Nav Menu with jQuery and CSS3

A simple jQuery & CSS3 based menu system used to create a mobile-friendly, vertical, multi-level navigation menu for your responsive website.

Responsive & Mobile-friendly jQuery Toggle Menu Plugin

A simple jQuery plugin to create a responsive horizontal toggle menu that will be converted into a sliding dropdown menu on mobile devices.

Tiny jQuery Plugin For Mobile Sliding Menu - MobileMenu

MobileMenu is a lightweight jQuery plugin which turns an ordinary navigation into a mobile App-style sliding menu as the browser window hits a specified breakpoint.

Minimal Mobile-First Dropdown Menu with jQuery and CSS3

A jQuery and CSS3 based dropdown menu designed for creating a responsive, mobile-first and space-saving navigation for your website/app.

Responsive Off-Canvas Push Menu Plugin with jQuery

A nice and robust jQuery plugin for creating a mobile App-style responsive off-canvas sidebar navigation that is easily customizable and styleable.

Super Small Responsive Mobile Menu Plugin For jQuery

A simple and fast jQuery/Zepto plugin for creating a responsive & mobile-friendly dropdown toggle navigation based on automatic or custom breakpoints.

Mobile-Aware Responsive Dropdown Menu with jQuery - simpleMobileMenu

A simple jQuery plugin that turns a horizontal navigation menu into a dropdown toggle menu when the screen size reaches a breakpoint set at 768px.

jQuery Plugin For Responsive Sticky Header Navigation

A super tiny jQuery plugin for creating a responsive sticky header navigation on-demand for your website.

Responsive Sliding Side Navigation with jQuery and CSS3

Yet another jQuery plugin to create a fully responsive & animated sliding side navigation with sub-navigation using jQuery and CSS3.

jQuery Responsive Sticky Mobile Menu Plugin - mobilize

mobilize is a jQuery navigation menu plugin optimized for mobile that automatically hides overflowing menu items and shows them under "more" button on small screen devices.

App Style Fly-out Navigation Menu Plugin For jQuery - iosmenu

iosmenu is a jQuery plugin for quickly creating a mobile App-style sidebar toggle, push, overlaying navigation menu into your web page.

jQuery Plugin For Off Screen Sliding Menu with CSS3 Transitions - Drawer

Yet another mobile-style navigation drawer plugin for easily implement an off screen sliding menu into your website.

Multi-level Responsive Toggle Navigation Plugin For jQuery

responsive-menu.js is a lite jQuery menu plugin for converting a normal multi-level navigation into a sliding toggle menu if the screen width is below 768px.

Responsive Sticky Navigation Menu Plugin with jQuery and CSS3 - Pagescroll Menu

Pagescroll Menu is a jQuery menu plugin for creating a responsive, mobile-aware, animated navigation menu which is sticky on the web page during scrolling.

Responsive Multi-level Off Screen Navigation Plugin For jQuery - cbFlyout

cbFlyout is a mobile-first jQuery off-canvas navigation plugin that creates a responsive multi-level sidebar menu using CSS3 transitions and transforms.

Simple Responsive jQuery Dropdown Mobile Menu Plugin - Mobile-Menu

Mobile-Menu is a minimalist jQuery mobile menu that creates a responsive dropdown menu at the top of the page, with a simple slide animation.

Responsive Fashion Top Dropdown Menu with jQuery - MobiMenu

MobiMenu is a responsive and mobile-friendly menu plugin that creates a multi-level top dropdown navigation with smooth sliding animations.

jQuery Plugin For Responsive Mobile Toggle Menu - Blue Mobile

Just another jQuery mobile plugin that creates a multi-level toggle menu on mobile device or a responsive multi-level dropdown navigation on desktop.

jQuery Off-Canvas Sidebar Navigation Plugin - Form5 Offcanvas

Form5 Offcanvas is another jQuery side menu plugin for creating an off-canvas sidebar navigation that is positioned outside of the viewport and slides in when clicking the toggle button.

Responsive Side Sliding Menu with jQuery - SlidingMenuJs

SlidingMenuJs is a responsive and mobile-friendly jQuery side menu that slides from the right side of your page, similar to the apps menu on Android.

Facebook App Like jQuery Side Navigation Plugin - menuPanda

menuPanda is a jQuery & CSS3 menu for creating an animated sidebar navigation menu that works like the Facebook app.

Simple & Lightweight Responsive jQuery Mobile Menu Plugin

Just another jQuery responsive menu plugin that transforms the horizontal & multi-level navigation menu into a toggleable dropdown menu on mobile devices.

jQuery Mobile Toggle Menu With CSS3 Media Queries - Biggie

Biggie is a jQuery menu plugin that converts a horizontal navigation menu into a mobile-friendly drop down toggle menu while the page size has reached the CSS3 Media Queries Break Points.

Facebook App-Style jQuery Side Mobile Menu Plugin

An ultra-light (~2kb unminified) jQuery menu plugin that make it easily to create responsive Facebook & Path App-style side menus on your mobile & desktop website.

Lightweight jQuery Mobile Collapsible Menu - Mobile Navigation

Mobile Navigation is a simple, responsive and mobile first jQuery menu plugin that converts a multi-level menu into a collapsible drop down navigation menu at mobile devices.

Lightweight jQuery Responsive Dropdown Menu Plugin - ReSmenu

ReSmenu is a jQuery menu plugin designed for responsive website that automatically converts a common

based menu into a responsive and mobile-friendly select dropdown menu when your visitor reaches the breakpoint.