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
Versatile Offcanvas Menu Plugin With Vanilla JavaScript – hiraku2
hiraku2 is the vanilla JavaScript version of the jQuery hiraku plugin that lets you create customizable, off-canvas push menu for mobile and web apps.
Mobile-friendly Swipe Menu In Vanilla JavaScript – Touch side swipe
A Vanilla JavaScript plugin used to create a mobile-friendly off-canvas side menu that supports touch swipe events.
Pure CSS Responsive Slide In Navigation
A pure CSS responsive navigation system that transforms the regular menu list into an off-canvas slide-in menu on mobile devices.
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.
Elastic Sidebar Navigation With CSS3 And JavaScript
A fancy sidebar off-canvas navigation menu that appears with an elastic animation effect based on CSS3 and a little bit of JavaScript.
Off-canvas Side Navigation With Page Transitions
A modern sticky off-canvas sidebar navigation where the users are able to switch between page sections with a smooth transition effect by clicking nav links.
Sliding Off-canvas Nav In Vanilla JavaScript
A small JavaScript script to create a mobile-friendly sliding off-canvas nav that covers the main page content with a background overlay.
Responsive Hamburger Menu In Pure CSS
This is a CSS only responsive, multi-level menu that expands the hamburger toggle button into a horizontal drop-down nav on desktop or an off-canvas side menu on mobile.
Swipeable Off-canvas Navigation In Vanilla JavaScript
This is a mobile-friendly off-canvas navigation system that allows the users to toggle the menu using swipe events in mobile view.