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 30 best Off-canvas navigation jQuery plugins for both desktop and mobile web design. I hope you like it.
Originally Published Nov 12 2017, updated Dec 10 2018
Top 30 Off-canvas Navigation jQuery Plugins:
HC MobileNav is a jQuery plugin for creating multi-level, mobile-first, off-canvas side navigation that supports endless nesting of submenu elements.
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.
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.
k-responsive-menu is a simple, responsive, multi-level, cross-platform and mobile-friendly navigation jQuery plugin for Bootstrap 4 framework.
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.
A jQuery & CSS based, multi-level, app-like revealing menu & sidebar navigation system especially suitable for dashboard & admin panel.
Corenav is an easy, responsive, multi-purpose, jQuery based navigation system for modern, cross-platform web development.
A modern, CSS3 animated off-canvas hamburger menu created for both mobile and desktop. Heavily based on CSS3 transitions and transforms.
bsnav is a jQuery & Bootstrap plugin used to override and extend the styles & behaviors of the default Bootstrap 4 navbar component.
Yet another jQuery/CSS based push menu that enables a hamburger button to reveal an off-screen sidebar navigation while pushing the main content to the other side.
A pretty cool off-canvas navigation concept that pushes and zooms out the main content to toggle the navigation menu.
This is a responsive, flexible, multi-level dropdown (off-canvas) navigation menu plugin built in with jQuery.
A mobile-friendly off-canvas hamburger navigation that slides from the left of the webpage and covers a specific part of the main content.
This is a sticky responsive nav menu built using jQuery and CSS3 that automatically converts the regular dropdown nav into a mobile-friendly off-canvas menu.
sina-nav is a multi-purpose menu plugin that helps you create responsive, user-friendly, multi-level, Bootstrap 4 compatible navigation system for your web application.
The hs Mega Menu jQuery plugin lets you create a responsive, sticky, mobile-first, SEO-friendly mega menu for the content-heavy web app.
A jQuery/CSS extension that converts the regular Bootstrap navbar into an off-canvas sidebar push navigation with an animated toggle button.
Developer Nav is a jQuery based cross-platform, cross-browser, multi-level dropdown/off-canvas navigation system for content-heavy websites or web applications.
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.
The flat-menu jQuery plugin helps you create a responsive, adaptive, touch-friendly, multi-level pull & slide navigation for dashboard, admin panel & cross-platform web app.
Slide Menu is a variant of the Swipe Menu plugin that reveals the off-canvas navigation overlaying the main content instead of pushing it to the right.
The jQuery AM-Menu (App Style Mega Menu) plugin helps you create a fully responsive, CSS3 animated, off-canvas mega menu for your cross-platform web applications.
A mobile-friendly off-canvas push menu (sidebar navigation) that uses HTML5 local storage to preserve the menu open/close stats on your next visit.
Yet another jQuery plugin which helps front-end developers to quickly create responsive, mobile-compatible, SEO-friendly off-canvas panel (aka. drawer, sidenav) inspired by Material Design.
The jQuery pushmenu.js plugin helps developers to generate a multi-level, mobile-friendly offcanvas navigation from nested HTML lists.
ggContentMenu is a jQuery plugin for creating mobile-compatible, SEO-friendly, multi-level off-canvas navigation with slide & fade animations.
A responsive, adaptive, SEO-friendly, drop-down navigation plugin that collapses the horizontal menu items to an off-canvas side menu when a specified breakpoint is reached.