Minimalist Hamburger Push Navigation With jQuery And CSS - Swipe Menu
Yet another jQuery/CSS based push menu that enables a hamburger button to reveal an off-screen sidebar navigation while pushing the main content to the other side.
Demo
Download
seen from Bolivia
seen from United States
seen from United States

seen from Singapore
seen from Belgium

seen from Malaysia
seen from China
seen from Brazil
seen from T1

seen from United States
seen from Israel

seen from Bolivia
seen from Italy
seen from Singapore
seen from United States

seen from Serbia

seen from Namibia
seen from United States

seen from United States

seen from Brazil
Minimalist Hamburger Push Navigation With jQuery And CSS - Swipe Menu
Yet another jQuery/CSS based push menu that enables a hamburger button to reveal an off-screen sidebar navigation while pushing the main content to the other side.
Demo
Download
Off-canvas Push Menu Plugin For Bootstrap - Push.js
Push.js is a lightweight jQuery plugin which adds left or right off-canvas sidebar push menus to your Bootstrap projects.
Demo
Download
Create Mobile-First Side Menus with SlideReveal.js Library
SlideReveal.js is a simple, lightweight off-canvas menu JavaScript library that helps you create push menus, overlay side navigation, sidebar drawers in modern web applications. Features: Left or right panel positioning with configurable width units (px, %, vw, rem, em) Overlay effects with customizable colors and opacity levels Or push the main content to the other side instead of…
Lightweight Off-canvas (Push) Menu JavaScript Library - offcanvas.js
Lightweight Off-canvas (Push) Menu JavaScript Library – offcanvas.js
offcanvas.js is a lightweight JavaScript library that helps developers quickly build a mobile-style off-canvas navigation (push menu) on your web app. How to use it: 1. Install & build. $ npm i offcanvas $ npm install $ npm run-script build 2. Load the offcanvas.bundle.js JavaScript library in the document. <link rel="stylesheet" href="./offcanvas.css" /> <script…
View On WordPress
Hamburger Sidebar Navigation In Pure CSS - Sidebar-Menu
Hamburger Sidebar Navigation In Pure CSS – Sidebar-Menu
A hamburger sidebar navigation (also called off-canvas menu & push menu) built using checkbox input, CSS/CSS3, and Font Awesome icons.
How to use it:
1. Load the latest Font Awesome iconic font on the page.
https://kit.fontawesome.com/a076d05399.js
2. Create the HTML for the sidebar navigation.
My App Dashboard Shortcuts Overview Events About Services Contact
View On WordPress
Mobile-first Multi-level Side Navigation - jQuery zeynepjs
The jQuery zeynepjs plugin lets you create a multi-level off-canvas push menu from nested HTML lists for your mobile-first web app.
Demo
Download
Responsive Multi-level Navigation For Bootstrap 4 - k-responsive-menu
k-responsive-menu is a simple, responsive, multi-level, cross-platform and mobile-friendly navigation jQuery plugin for Bootstrap 4 framework.
Demo
Download
Off-canvas Push Menu In Pure HTML / CSS
Off-canvas Push Menu In Pure HTML / CSS
A pure Html / CSS solution used to create an App style off-canvas push menu for site navigation using CSS3 :target selector. How to use it: Create a navigation for your website. Home Services Works Portfolio Blog About ContactCreate menu toggle buttons inside your main content. ☰ ☰ Pure CSS Push Menu Main Content Here The core CSS / CSS3 rules. .site-nav { position: fixed; top: 0;…
View On WordPress