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.
Menu & Navigation
Radial Toggle Menu With JavaScript And CSS3
An interactive radial toggle menu built using JavaScript and CSS3 transitions & 2D transforms.
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.
Multi-level Sliding Side Menu In Vanilla JavaScript – Slide Menu
This is the vanilla JavaScript version of the jQuery slide menu plugin that helps web developers implement a smoothly sliding, multi-level, off-canvas navigation in vanilla JavaScript.
Disclosure Toggle Menu Using HTML Details Element
A pure JavaScript library used to create accessible disclosure toggle menus using HTML Details element.
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.
Google Inspired Popover Menu In Pure CSS
A modern CSS only popover navigation menu as you seen on Google.com.
Side Navigation For One Page Scroll Web App – Easy Scroll Dots
The Easy Scroll Dots JavaScript plugin automatically generate side navigation that indicates the current scroll position and smoothly scrolls through page sections when clicking the bullets.
Morphing Hamburger Navigation Using JavaScript And CSS Clip-path
A mobile-friendly hamburger navigation that morphs the hamburger button into a fullscreen menu using JavaScript and CSS transition, transform and clip-path properties.