Sliding Drawer Navigation With Blur Effect – Pushbar.js
Pushbar.js is a mobile-friendly drawer navigation for the modern web app that slides the navigation menu from the edge of your screen while blurring the main content.
JavaScript & CSS off-canvas menu
Netflix Style Off-canvas Navigation In JavaScript And CSS3
A Netflix mobile app inspired off-canvas multi-level sidebar navigation implemented in CSS/CSS3 and a little bit of JavaScript.
Lightweight Mobile App Navigation System – 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.
Lightweight Offcanvas Push Navigation In JavaScript – 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.
Material Design Inspired Off-canvas Push Nav – Material-Menu
Material-Menu is a pure JavaScript navigation library to create an off-canvas push menu inspired by Material Design apps.
Sliding Drawer Navigation In Pure JavaScript – Drawerr.js
Drawerr.js is a JavaScript library that converts a nested html list into a mobile-friendly, off-canvas, multi-level drawer navigation.
Off-canvas Sidebar Push Navigation In Pure CSS/CSS3
A mobile-first, off-canvas sidebar navigation (push menu) system written in pure CSS/CSS3 and checkbox tricks.
Off-canvas Mobile Menu In Pure CSS/CSS3
A pure CSS/CSS3 mobile menu system that slides out from the right side and pushes the content to the right.
Responsive Hamburger Sidebar Navigation In Pure JavaScript – Omega.js
Omega.js uses CSS media queries to detect the screen size and collapse the regular navbar into a hamburger sidebar navigation (aka. off-canvas navigation).
5 Off-canvas Hamburger Navigation Variations
A project contains 5 off-canvas hamburger navigation variations from which you can choose to bring the native app navigation experience to your webpage.