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.
Free jQuery side menu Plugins
All the Free jQuery Plugins about 'side menu' are listed here.
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.
slidePanel is a jQuery plugin to create simple slide-in panels which allows you to quickly show side content like off-canvas menu, sliding sidebar, etc.
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.
Iptools Offcanvas is a really simple jQuery plugin that uses CSS3 transitions and transforms to create an overlaying, multi-purpose off-canvas panel.
A flexible and cross-browser jQuery side menu plugin for creating a side navigation menu with multi-level functionality that allows endless nesting of navigation elements.
sidebar-menu.js is a lightweight jQuery plugin used for creating a nice-looking, multi-level, treeview-style sidebar navigation menu for dashboard / admin / control panel pages.
SideNavi.js is a really small jQuery side navigation plugin which allows to slide out a tabbed drawer panel from the edge of the browser.
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.
bigSlide is a jQuery menu plugin for creating an off-screen side panel navigation that slides out from the left side of your page and 'pushes' the body content to the right.
Dice Menu is a very small jQuery plugin used to create a sticky side pop out menu which is great for site navigation or social share buttons.
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.
asidebar is a super tiny jQuery plugin used to create an off-canvas sidebar navigation / menu / panel for your web application.
Slidemenu is a jQuery plugin to create a sidebar navigation that slides out an off-canvas menu panel with smooth transitions when toggled.
Push Menu is a jQuery plugin used to create an Android style navigation drawer (also known as off-canvas menu) that slides in from the left side of the webpage.
Bootstrap Drawer is a JQuery plugin which adds mobile-friendly, app-style, off-canvas drawer panels/navigation to your Bootstrap project.
A mobile-friendly jQuery navigation plugin that automatically hides overflowing items and shows them in a off-canvas sidebar navigation on small screens.
A jQuery & CSS extension that creates a CSS3 animated, toggleable off-canvas sidebar for your Bootstrap based webpages.
A jQuery / CSS3 / Hammer.js based, Android style navigation which allows the user to reveal / hide an off-canvas sidebar menu via touch swipe and mouse drag events.
A simplest sidebar navigation that uses jQuery and CSS3 transitions to slide out an off-canvas menu overlaying the main content.
Tuxedo Menu is a lightweight, space-saving jQuery navigation plugin which reveals a sidebar navigation (off-canvas menu) covering some part of your main content.
NavSide is a jQuery sidebar navigation plugin which helps you implement a mobile app style off-canvas menu with smooth slideIn / slideOut effects on your webpage.
A jQuery & CSS3 based sidebar navigation for Bootstrap 3 that slides out an off-canvas push menu from the edge of the browser window.
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.
panelslider is a jQuery plugin that makes your sidebars (side panels) slide out from left or right side of the page as well as pushing the main content to the right or left.
Yet another off-canvas menu system that helps you create a toggleable sidebar navigation that behaves like a native side navigation as you seen on Android apps.
A responsive, mobile-first jQuery menu plugin which converts the normal header navigation into a toggleable sliding menu on mobile devices.
Makes use of jQuery and Bootstrap 3 framework to create a vertical sidebar menu that expands to a full navigation menu on mouse hover and collapses on mouse leave.
sidemenu.js is a jQuery plugin to create an user- and mobile-friendly push menu that slides out from the left or right hand side of your screen.
FlyPanels is a jQuery off-canvas navigation plugin which simplifies the task of creating a multi-level, cross-browser, sidebar push menu for your responsive website.
Vertical Navigation is a jQuery plugin that creates a sidebar multi-level navigation menu sticky at the left side of your web page.
A jQuery & CSS/CSS3 based push menu that reveals a sidebar off-screen navigation from the left side of the window while pushing the main content to the other side.
Bamboo.js is a tiny jQuery plugin helps you create a responsive, mobile-friendly, sticky toggle menu for your website.
Shy Menu is a super tiny jQuery script to create a hamburger toggle icon that expands into a side menu panel with CSS3 transitions.
A modern mobile app style navigation solution that makes uses of jQuery and CSS3 to create an off-canvas sidebar push menu with a fancy elastic effect.
Tendina is a tiny jQuery plugin for creating a multi-level sidebar navigation menu with a smooth sliding animation.
A toucn-enabled, App-style off-canvas sidebar navigation (push menu) for your Bootstrap project on mobile devices
Simple Sidebar is a lightweight and highly customizable jQuery plugin for creating an off-canvas sidebar navigation sliding out from the left/right side of your browser window.
Responsive Nav is jQuery toggle menu plugin that converts a multi-level dropdown navigation into a nested off-canvas menu on small screen devices.
Takes advantages of CSS3 transitions/transforms and a little jQuery magic to create a stylish, animated off-canvas sidebar menu for your websites or web applications.
A jQuery/CSS3 based off-canvas sidebar navigation that slides in from the left when toggled and covers the main content with a gradient overlay.
slideReveal is a jQuery plugin used to creating an off-canvas panel (menu, navigation, sidebar) that slides in and out of the web page when triggered.
A fixed sidebar navigation system which allows you to reveal a full multi-level navigation menu by clicking on the toggle icon.
gxSideMenu is a responsive, mobile-friendly side menu plugin for revealing a multi-level sliding offscreen navigation triggered by custom events.
A Material Design inspired navigation pattern that allows you to reveal a sidebar navigation menu by morphing the toggle button.
A Material Design inspired navigation that slides the main page to reveal a side menu when you click the toggle button.
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.
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.
Drawer Menu is a jQuery plugin for creating sidebar panels containing multi-level sliding menus that pull out from the left or right side of the webpage, with jQuery animations and easing effects.
A fixed side off-canvas navigation that transforms into a transparent overlay covering the main content when toggled
Just another jQuery plugin for creating sidebar menu which slides out from the left or right hand side of your browser window.
Hamburger is a jQuery plugin for creating an Android App-style sliding menu that displays a fly-out navigation on the left edge of the screen.
Yet another jQuery & CSS3 responsive off-canvas sliding menu system that supports 3-tier sub-menus based on nested Html lists.
Focucss is a jQuery plugin to create an off-canvas sidebar navigation with a cool blurring effect, that will focus your users on your sidebar content, and blurring the useless content.
Yet another jQuery plugin to create a fully responsive & animated sliding side navigation with sub-navigation using jQuery and CSS3.
Yet another jQuery navigation plugin for creating a sticky multi-level top menu bar that will be converted into a mobile-friendly off-canvas sliding navigation on small screen devices.
A super simple jQuery script to create an Off-canvas sidebar menu for navigation. The navigation will slide out from the left side of the page with a smooth CSS3 transition effect once you click the toggle button.
iosmenu is a jQuery plugin for quickly creating a mobile App-style sidebar toggle, push, overlaying navigation menu into your web page.
Stripes is a jQuery based animated drawer navigation plugin that dynamically loads multi-level data from JSON data files.
Off Canvas Menu is a lightweight jQuery plugin that converts a standard ul li based menu to a responsive off canvas sidebar navigation for small screen devices.
cbFlyout is a mobile-first jQuery off-canvas navigation plugin that creates a responsive multi-level sidebar menu using CSS3 transitions and transforms.
Xeo Menu is a minimalist jQuery plugin for creating an animated sidebar navigation that slides out from the edge of your page when mouse hover.
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.
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.
Sidebar is a jQuery plugin for creating a side navigation menu that slides out from the left side of your page when clicking the toggle button.
menuPanda is a jQuery & CSS3 menu for creating an animated sidebar navigation menu that works like the Facebook app.
Pushy is a super tiny (~1kb) jQuery plugin for creating an off-canvas slide panel navigation as you've seen in many mobile Apps.
Square Menu is a lightweight (~3kb) jQuery menu plugin that popups a menu panel with subtle CSS3 animations (transitions and transforms) in the center of the page.
A jQuery based off-canvas navigation menu with subtle CSS3 transitions. When clicking the toggle button, a side menu will slide out from the edge of the page and push the main content to the right.
Fly Side Menu is a cool menu plugin that makes use of CSS3 to create a side menu navigation with 3D transforms and transitions, similar to the new Airbnb App navigation resigned for iOS 7.
DD Icon Menu is a jQuery plugin which allows you to create a icon based vertical & sticky menu panel at the edge of the screen that will slide out sub menus on hover over.
In this article written by MARY LOU we're going to create a stylish sidebar menu with smooth sliding effects, similar to the google Nexus 7 website.
Box Lid is an easy-to-use jQuery plugin that enables you to create a side navigation menu with 3D 'Box Lid' effects by using CSS3 transitions and transforms.
sidetogglemenu is a simple jQuery plugin that creates side bar menu on your page that slides out from the edge of the browser window with CSS3 transition effects.
PageSlide is a jQuery plugin for loading content from a secondary page with sliding effects or displaying hidden content from current web page in a modal pane.
Snap.js is a simple javacript library for creating beautiful mobile shelfs similar to facebook or path style slide menus.
In this tutorial we're going to create animated side menus with cool slide out and slide in effects. It makes it easier to create vertical or horizontal menus that can slide out from any of the edges of your page.