Here is a constantly updated list of the 10 best JavaScript and CSS based mobile app-style off-canvas navigation menus we published on CSSScript.com.
I hope you like it and don’t forget to spread the world.
Originally Published Nov 10 2017, updated Sep 15 2019
1. mmenu
A super simple JavaScript & jQuery plugin for creating slick and app-like sliding menus for your mobile website, all with an unlimited amount of submenus.
2. offside
offside is a JavaScript library that uses CSS3 transforms to slide in an off-canvas menu while pushing the main page to the other side.
3. Material Menu
Material-Menu is a pure JavaScript navigation library to create an off-canvas push menu inspired by Material Design apps.
4. Canvi.js
Canvi.js is a standalone vanilla JavaScript used to create elegant, configurable, push and/or overlay off-canvas navigation for your cross-platform web application.
5. mmenu light
mmenu-light is a light version of the mmenu plugin that makes it easier to create off-canvas hamburger navigation just like the native mobile app.
6. Pusha
pusha is a lightweight JavaScript plugin to create an off-canvas side menu that slides out from the left/right/top/bottom of the screen while pushing the page content to the other side.
7. Touch side swipe
A Vanilla JavaScript plugin used to create a mobile-friendly off-canvas side menu that supports touch swipe events.
8. CSS Only Hamburger Toggle Menu
A fancy CSS/CSS3 hamburger toggle navigation that allows the user to toggle an off-canvas side menu by clicking on the hamburger toggle button in the header.
9. mkgSideBar
mkgSideBar is a native JavaScript library that helps you create dynamic, flexible, mobile-friendly, smooth off-screen sidebar navigation/panels for your cross-platform web project. Supports unlimited menu levels.
10. Drawerr.js
Drawerr.js is a JavaScript library that converts a nested html list into a mobile-friendly, off-canvas, multi-level drawer navigation for your cross-platform webpage.