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).
JavaScript & CSS off-canvas menu
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 Navigation Bar With Flexbox And JavaScript – simply-nav
A simple, lightweight, sticky, fully responsive, mobile-compatible navigation system built using JavaScript and CSS flexbox.
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.
Elegant Off-canvas Navigation In Vanilla JavaScript – 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.
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.