The off-canvas menu is a cross-platform navigation design concept for modern web design. An off-canvas navigation provides a simple and space-saving way to reveal a hidden sidebar menu when toggled. In this blog post you will find the top 50 best Off-canvas navigation jQuery plugins for both desktop and mobile web design. I hope you like it.
Top 50 Off-canvas Navigation jQuery Plugins:
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.
A jQuery based sidebar navigation helps you create an off-canvas sidebar navigation menu with smooth transitions based on CSS3 animations.
SwipeNav is a mobile-friendly jQuery site navigation plugin which reveals an off-screen push menu with touch swipe events or by clicking on the hamburger toggle button.
A lightweight jQuery plugin that convert the default Bootstrap nav bar component into an off-canvas style push menu in mobile view.
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 jQuery & CSS extension that creates a CSS3 animated, toggleable off-canvas sidebar for your Bootstrap based webpages.
Bootstrap Drawer is a JQuery plugin which adds mobile-friendly, app-style, off-canvas drawer panels/navigation to your Bootstrap project.
A simple and tiny jQuery plugin that helps you create a modern, mobile-friendly, off-canvas, sidebar accordion menu for your cross-platform webpages.
Iptools Offcanvas is a really simple jQuery plugin that uses CSS3 transitions and transforms to create an overlaying, multi-purpose off-canvas panel.
A simplest sidebar navigation that uses jQuery and CSS3 transitions to slide out an off-canvas menu overlaying the main content.
A jQuery & CSS3 based multi-level dropdown menu that automatically transforms the regular header navigation into an off-canvas hamburger menu on small screen devices.
A jQuery/CSS3 based responsive, off-canvas navigation where the sidebar menu is displayed by sliding the entire page to the left (or right) side when toggled.
Sidebar.js is a lightweight and easy-to-use jQuery plugin that lets you create an off-screen, toggleable off-canvas sidebar for site navigation or control panels.
A mobile-friendly jQuery navigation plugin that automatically hides overflowing items and shows them in a off-canvas sidebar navigation on small screens.
Push.js is a lightweight jQuery plugin which adds left or right off-canvas sidebar push menus to your Bootstrap projects.
RWD Multilevel Menu makes use of jQuery and CSS3 to converts the normal horizontal dropdown menu into a sliding side menu on mobile devices.
asidebar is a super tiny jQuery plugin used to create an off-canvas sidebar navigation / menu / panel for your web application.
Hiraku is a lightweight yet powerful jQuery plugin used to create off-canvas drawer navigation menu that supports both left and right sides.
Just another jQuery & CSS implementation of the mobile-friendly sliding off-canvas navigation menu that uses CSS3 animations for the smooth slide in effect.
gab-mobilemenu is a jQuery plugin used to create an offcanvas sidebar navigation for mobile and small screen devices (screen size < 1024px).
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.
An ultra-light jQuery extension for Bootstrap that helps you create an user-friendly off-canvas push menu from the default Bootstrap navbar component in mobile view.
gnmenu.js is a jQuery plugin used to create a convenient slide-out sidebar navigation for both desktop and mobile webpages. Inspired by the Google Nexus website.
Just another jQuery extension of Bootstrap that automatically converts the native Bootstrap header navbar into an off-canvas navigation menu in mobile view.
Just another jQuery plugin used to create a responsive off-canvas sidebar/navigation for your Bootstrap project.
Just another jQuery based responsive nav solution that converts the normal navigation into a mobile-friendly sliding hamburger menu (aka off-canvas menu) on small screens.
bs.push.nav is a jQuery extension that converts the default responsive Bootstrap navigation into an off-canvas push menu in mobile view.
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.
A jQuery off-canvas navigation plugin which lets you create fully accessible sidebar or top/bottom sliding panels with keyboard interactions and ARIA attributes.
offcanvas.js is a lightweight jQuery plugin that extends the default Bootstrap navigation to create an Android style sliding off-canvas menu on small screens.
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.
A cool 3D navigation that uses jQuery and several CSS3 properties to reveal a horizontal off-canvas menu while 'skewing' the main content section.
Pushy is a mobile-friendly jQuery navigation plugin which lets you create responsive push and/or overlay sidebar menus using CSS transforms and transitions.
An interactive, mobile-friendly site navigation that allows to show/hide an off-canvas sidebar overlay menu / panel based on user actions.
Yet another jQuery sidebar navigation plugin which lets you create an animated, app-style, fully configurable off-canvas side menu for the desktop or mobile web pages.
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).
Adaptive Menu is a lightweight jQuery plugin used to create a responsive menu that will auto switches to an off-canvas side navigation on small screens.
menuUI is a jQuery plugin for generating a side off-canvas push navigation for your Bootstrap webpage using JSON objects.
mainNavigation is a simple, lightweight jQuery plugin for generating a multi-level dropdown menu that automatically collapses into an off-canvas menu in mobile view.
A jQuery plugin that lets you create mobile app-style revealing sidebars (also known as off-canvas sidebar) for site navigation, drawer panels and any other side content.
4PXMMenu is a jQuery plugin to create an off-canvas hamburger toggle menu on mobile devices, utilizing CSS3 transition, transforms and jQuery toggleClass() method.
A small jQuery side menu plugin used to create smoothly sliding, multi-level, off-canvas navigation for your web applications.
An awesome off-canvas navigation concept built with jQuery and CSS3 that allows you to switch between sectioned pages like stacked cards.
The mln_menu.js jQuery plugin helps you create a sliding drawer which can be used for revealing an off-canvas sidebar navigation on your cross-platform webpage.
This is a super small responsive sidebar navigation (aka off-canvas menu) built with HTML, CSS/CSS3, jQuery and Font Awesome.
This is a lightweight jQuery plugin that transforms the regular Bootstrap nav component into a mobile-friendly, off-canvas push menu on small screen devices (smaller than 767px).
PopupLayer is a cool jQuery plugin that creates off-canvas drawers sliding out from any position of the webpage, while blurring the other web content.