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.
JavaScript & CSS off-canvas menu
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.
Responsive Hamburger Header Navigation – side-menu-component
A responsive, cross-platform hamburger header navigation written in vanilla JavaScript and CSS/CSS3.
Minimal Drawer Navigation Component With Pure JavaScript – tinyDrawer.js
tinyDrawer.js is a small, zero-dependency drawer navigation component to slide in an off-screen menu from the left when toggled.
Responsive Mobile-friendly Nav System With JavaScript And Flexbox
Yet another responsive, cross-platform navigation system that converts the horizontal menu into an off-screen hamburger navigation on the mobile device.
Mobile-first Drawer Navigation In Vanilla JavaScript – hy-drawer
hy-drawer is a JavaScript library that makes it easy to create mobile-friendly, high-performant drawer navigation for your mobile/desktop web app.
Tilted Sliding Navigation With CSS Clip Path
A tilted sliding drawer navigation (off-canvas menu) with an animated hamburger button, built using JavaScript, CSS3 animations and clip path.
CSS Only Off-canvas Navigation Using CSS Pseudo-class
A pure CSS, mobile-friendly off-canvas navigation system built using plain HTML/CSS/CSS3 and :focus-within CSS pseudo-class.
Basic Hamburger Toggle Menu With CSS And Vanilla JavaScript
A pure JavaScript/CSS based hamburger navigation that allows you to toggle an off-screen sidebar menu when you click on the hamburger trigger.